.compliance-page{overflow:hidden}
.compliance-hero{padding-top:42px;padding-bottom:54px}
.compliance-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr);gap:56px;align-items:center}
.compliance-hero .subpage-hero-inner{max-width:820px}
.compliance-hero h1{font-size:clamp(2.8rem,5.5vw,5.3rem)}
.compliance-form{margin-top:30px;background:#fff;border:1px solid var(--border);border-radius:26px;padding:22px;box-shadow:0 18px 50px rgba(0,91,151,.10)}
.compliance-form>label{font-weight:850;margin-bottom:8px}
.compliance-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.compliance-input-row input{min-height:56px;font-size:1.02rem}
.compliance-options{display:grid;grid-template-columns:minmax(220px,.8fr) 1fr;gap:16px;align-items:end;margin-top:16px}
.compliance-options select{background:#fbfdff}
.compliance-limit{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 14px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}
.compliance-limit strong{font-size:1.35rem;color:var(--primary-dark)}
.compliance-limit span{color:var(--muted);font-size:.9rem;line-height:1.25}
.compliance-privacy-note{font-size:.82rem;color:var(--muted);margin:14px 0 0}
.compliance-preview{position:relative;background:#071c34;border-radius:30px;padding:28px;min-height:410px;box-shadow:0 28px 80px rgba(0,91,151,.22);transform:rotate(1deg)}
.preview-top{display:flex;gap:7px}.preview-top span{width:11px;height:11px;border-radius:50%;background:#0d86fd}
.preview-score{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;margin:50px auto 28px;background:linear-gradient(135deg,#1e6cfc,#039cfd);color:#fff;font-size:3rem;font-weight:900;box-shadow:0 0 0 12px rgba(3,156,253,.08)}
.preview-line{height:12px;width:68%;margin:12px auto;border-radius:99px;background:rgba(255,255,255,.16)}.preview-line.wide{width:88%}
.preview-checks{margin-top:36px;display:grid;grid-template-columns:1fr auto;gap:12px;color:rgba(255,255,255,.78)}
.preview-checks b{color:#35d07f}
.compliance-feature-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.compliance-feature-grid article{background:#fff;border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:0 10px 30px rgba(0,91,151,.05)}
.compliance-feature-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--surface-2);color:var(--primary);font-weight:900}
.compliance-feature-grid h3{margin:18px 0 8px}.compliance-feature-grid p{margin:0;color:var(--muted)}
.compliance-results{padding-top:40px}
.compliance-result-shell{max-width:1180px;margin:0 auto}
.result-overview{display:grid;grid-template-columns:210px 1fr;gap:28px;background:#fff;border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:0 16px 50px rgba(0,91,151,.08)}
.result-score{--score:0;display:grid;place-items:center;align-content:center;width:164px;height:164px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--score)*1%),#eaf2fb 0);position:relative}
.result-score:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}
.result-score strong,.result-score span{position:relative;z-index:1}.result-score strong{font-size:2.65rem;line-height:1}.result-score span{font-weight:800;color:var(--muted)}
.result-overview-copy h2{margin:4px 0 8px;font-size:clamp(2rem,4vw,3rem)}.result-overview-copy p{color:var(--muted)}
.result-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.result-meta span{padding:7px 10px;border-radius:99px;background:var(--surface-2);font-size:.82rem;font-weight:800;color:var(--primary-dark)}
.result-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 28px}
.result-category{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px}.result-category small{display:block;color:var(--muted)}.result-category strong{font-size:1.35rem}
.check-list{display:grid;gap:12px}
.check-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}
.check-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:950}
.check-card.pass .check-icon{background:#e9fbf1;color:#087443}.check-card.fail .check-icon{background:#fff0ef;color:#b42318}.check-card.warning .check-icon{background:#fff7e6;color:#9a6700}.check-card.info .check-icon,.check-card.unknown .check-icon{background:#eef7ff;color:#005b97}.check-card.not_applicable{opacity:.66}
.check-card h3{margin:2px 0 5px;font-size:1.02rem}.check-card p{margin:0;color:var(--muted);font-size:.94rem}
.check-weight{font-size:.76rem;padding:5px 8px;border-radius:99px;background:#f4f7fb;color:var(--muted);white-space:nowrap}
.check-details{grid-column:2/-1;margin-top:2px}.check-details summary{cursor:pointer;font-weight:800;color:var(--primary-dark);font-size:.88rem}.check-details p{margin-top:8px}.check-evidence{margin:9px 0 0;padding-left:18px;color:var(--muted);font-size:.86rem;overflow-wrap:anywhere}
.browser-note{margin:18px 0;padding:14px 16px;border-radius:16px;background:#fff7e6;border:1px solid #f4d79c;color:#694c00}
.compliance-error{max-width:900px;margin:0 auto;background:#fff1f0;border:1px solid #f4c7c3;border-radius:20px;padding:22px;color:#8f1d14}
.compliance-disclaimer{max-width:1000px;margin:0 auto;padding:22px 24px;border-radius:20px;border:1px solid var(--border);background:#fff}.compliance-disclaimer p{margin:6px 0 0;color:var(--muted)}
.compliance-loader{position:fixed;inset:0;z-index:10050;background:rgba(4,18,36,.76);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}
.compliance-loader[hidden]{display:none}
.compliance-loader-card{width:min(100%,560px);background:#fff;border-radius:30px;padding:34px;text-align:center;box-shadow:0 34px 110px rgba(0,0,0,.28)}
.scan-orbit{width:126px;height:126px;margin:0 auto 24px;position:relative;display:grid;place-items:center}
.scan-orbit b{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#005b97,#039cfd);color:#fff;font-size:1.35rem}
.scan-orbit span{position:absolute;inset:0;border:2px solid rgba(30,108,252,.22);border-radius:50%;animation:scanPulse 1.8s ease-out infinite}.scan-orbit span:nth-child(2){animation-delay:.55s}.scan-orbit span:nth-child(3){animation-delay:1.1s}
@keyframes scanPulse{0%{transform:scale(.45);opacity:1}100%{transform:scale(1.15);opacity:0}}
.loader-progress{height:7px;background:#e9f2fb;border-radius:99px;overflow:hidden;margin:22px 0 13px}.loader-progress i{display:block;width:36%;height:100%;border-radius:99px;background:linear-gradient(90deg,#005b97,#039cfd);animation:loaderMove 1.35s ease-in-out infinite}
@keyframes loaderMove{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}
@media(max-width:980px){.compliance-hero-grid{grid-template-columns:1fr}.compliance-preview{display:none}.compliance-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.compliance-input-row,.compliance-options,.result-overview{grid-template-columns:1fr}.compliance-feature-grid,.result-category-grid{grid-template-columns:1fr}.result-score{margin:0 auto}.check-card{grid-template-columns:auto 1fr}.check-weight{grid-column:2}.check-details{grid-column:1/-1}.compliance-form{padding:16px}}

/* IKUNIX v1.117.7 – Compliance category filter + HTML debug output */
.result-category{
  appearance:none;
  width:100%;
  font:inherit;
  color:inherit;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}
.result-category:hover{
  transform:translateY(-2px);
  border-color:#9ccfff;
  box-shadow:0 10px 26px rgba(0,91,151,.08);
}
.result-category.is-active,
.result-category[aria-pressed="true"]{
  border-color:#1677ff;
  background:linear-gradient(145deg,#f4f9ff,#eef7ff);
  box-shadow:0 0 0 3px rgba(22,119,255,.10),0 12px 28px rgba(0,91,151,.08);
}
.result-category.is-active small,
.result-category[aria-pressed="true"] small{color:#075fc6}
.result-category.is-active strong,
.result-category[aria-pressed="true"] strong{color:#075fc6}

.selected-category-head{
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  gap:8px 14px;
  margin:4px 0 16px;
}
.selected-category-head .eyebrow{
  flex:0 0 100%;
  margin:0;
}
.selected-category-head h2{
  margin:0;
  font-size:clamp(1.55rem,2.4vw,2.15rem);
}
.selected-category-head>span{
  margin-bottom:3px;
  padding:5px 9px;
  border-radius:999px;
  background:var(--surface-2);
  color:var(--muted);
  font-size:.78rem;
  font-weight:800;
}
.compliance-category-empty{
  padding:18px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  color:var(--muted);
}

@media(max-width:700px){
  .selected-category-head{align-items:flex-start}
}

/* IKUNIX v1.118.0 – scan scope */
.compliance-scope-options label{
  min-width:min(100%,420px);
}
.compliance-scope-hint{
  display:block;
  margin-top:7px;
  color:var(--muted);
  line-height:1.45;
  max-width:720px;
}
.compliance-scope-options select{
  width:100%;
}

/* IKUNIX v1.118.1 – compact URL/rate-limit row + score cleanup */
.compliance-url-wrap{
  position:relative;
  flex:1 1 auto;
  min-width:0;
}
.compliance-url-wrap #compliance-url{
  width:100%;
  padding-right:76px;
}
.compliance-limit-inline{
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  z-index:2;
  width:auto;
  min-width:42px;
  min-height:0;
  padding:5px 9px;
  border:1px solid #cfe2f7;
  border-radius:999px;
  background:#eef7ff;
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.compliance-limit-inline strong{
  margin:0;
  font-size:.76rem;
  line-height:1;
  color:#075fae;
  white-space:nowrap;
}
.compliance-scope-options{
  margin-top:16px;
}
.compliance-scope-options label{
  margin-bottom:0;
}
.compliance-form .compliance-privacy-note{
  display:none!important;
}
@media(max-width:700px){
  .compliance-input-row{
    align-items:stretch;
  }
  .compliance-url-wrap{
    flex-basis:100%;
  }
  .compliance-url-wrap #compliance-url{
    padding-right:70px;
  }
}

/* IKUNIX v1.118.2 – compact sample/consent refinements */
.result-category[aria-pressed="true"]{
  outline:none;
}

/* IKUNIX v1.118.5 – coverage + compact category metadata */
.result-category-coverage{
  display:block;
  margin-top:4px;
  font-size:.72rem;
  line-height:1.2;
  font-weight:600;
  opacity:.72;
}

.check-observations{margin:12px 0 0;padding-left:18px;font-size:.88rem;overflow-wrap:anywhere}.check-observations li+li{margin-top:10px}.check-observations p{margin:3px 0 0;color:var(--muted)}