/* ═══════════════════════════════════════════════════
   TOKENS — Credibility Strategy v3.0
   ═══════════════════════════════════════════════════ */
:root{
  /* ═══ LIGHT THEME (default) ═══ */
  --bg-0:#F8F9FB;--bg:#FAFBFC;--bg-1:#FFFFFF;--bg-2:#F1F3F5;--bg-3:#E5E7EB;--bg-4:#D1D5DB;
  --accent:#D97706;--accent-h:#B45309;--accent-g:rgba(217,119,6,.08);--accent-gs:rgba(217,119,6,.18);
  --trust:#1E40AF;--trust-l:#3B82F6;--trust-bg:rgba(30,64,175,.04);
  --pass:#059669;--pass-b:rgba(5,150,105,.06);--pass-br:rgba(5,150,105,.15);
  --warn:#D97706;--warn-b:rgba(217,119,6,.06);--warn-br:rgba(217,119,6,.15);
  --fail:#DC2626;--fail-b:rgba(220,38,38,.06);--fail-br:rgba(220,38,38,.15);
  --na:#6B7280;--na-b:rgba(107,114,128,.06);
  --t1:#111827;--t2:#4B5563;--t3:#6B7280;
  --b1:rgba(0,0,0,.06);--b2:rgba(0,0,0,.1);--b3:rgba(0,0,0,.16);
  --ax:#1D4ED8;--ax-b:rgba(29,78,216,.06);--oq:#7C3AED;--oq-b:rgba(124,58,237,.06);
  --mp:#059669;--mp-b:rgba(5,150,105,.06);--ds:#DB2777;--ds-b:rgba(219,39,119,.06);
  --lit:#64748B;--lit-b:rgba(100,116,139,.06);--echa:#EA580C;--echa-b:rgba(234,88,12,.06);
  --green-deep:#059669;--green-surf:rgba(5,150,105,.04);
  --dom-bat:#2563EB;--dom-semi:#7C3AED;--dom-coat:#D97706;--dom-poly:#DB2777;
  --dom-bio:#059669;--dom-add:#CA8A04;--dom-cat:#64748B;
  --r:8px;--rl:12px;--rxl:16px;--nh:52px;--sw:240px;
  --ease:cubic-bezier(.22,1,.36,1);--t:150ms ease;--tm:280ms var(--ease);--ts:450ms var(--ease);
  --shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);
  --shadow-md:0 4px 6px rgba(0,0,0,.06),0 2px 4px rgba(0,0,0,.04);
}
[data-theme="dark"]{
  --bg-0:#08090D;--bg:#0C0E14;--bg-1:#12151E;--bg-2:#161A26;--bg-3:#1C2030;--bg-4:#222638;
  --accent:#E8834A;--accent-h:#C46A34;--accent-g:rgba(232,131,74,.12);--accent-gs:rgba(232,131,74,.25);
  --trust:#3B82F6;--trust-l:#60A5FA;--trust-bg:rgba(59,130,246,.06);
  --pass:#34D399;--pass-b:rgba(52,211,153,.07);--pass-br:rgba(52,211,153,.18);
  --warn:#FBBF24;--warn-b:rgba(251,191,36,.07);--warn-br:rgba(251,191,36,.18);
  --fail:#F87171;--fail-b:rgba(248,113,113,.07);--fail-br:rgba(248,113,113,.18);
  --na:#6B7280;--na-b:rgba(107,114,128,.07);
  --t1:#E8ECF4;--t2:#9CA3B4;--t3:#7B8394;
  --b1:rgba(148,163,184,.08);--b2:rgba(148,163,184,.14);--b3:rgba(148,163,184,.22);
  --ax:#60A5FA;--ax-b:rgba(96,165,250,.1);--oq:#A78BFA;--oq-b:rgba(167,139,250,.1);
  --mp:#34D399;--mp-b:rgba(52,211,153,.1);--ds:#F472B6;--ds-b:rgba(244,114,182,.1);
  --lit:#94A3B8;--lit-b:rgba(148,163,184,.08);--echa:#FB923C;--echa-b:rgba(251,146,60,.1);
  --green-deep:#059669;--green-surf:rgba(52,211,153,.06);
  --dom-bat:#60A5FA;--dom-semi:#A78BFA;--dom-coat:#E8834A;--dom-poly:#F472B6;
  --dom-bio:#34D399;--dom-add:#FBBF24;--dom-cat:#94A3B8;
  --shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow:0 1px 3px rgba(0,0,0,.4);
  --shadow-md:0 4px 6px rgba(0,0,0,.35);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:15px;scroll-behavior:smooth}
body{font-family:'Outfit',system-ui,sans-serif;color:var(--t1);background:var(--bg);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--accent-gs);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
a{color:var(--ax);text-decoration:none;transition:color var(--t)}a:hover{color:var(--accent)}
input,textarea,select,button{font-family:inherit}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--b3);border-radius:3px}

/* ═══ ANIMATIONS ═══ */
@keyframes fu{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes fi{from{opacity:0}to{opacity:1}}
@keyframes rd{from{stroke-dashoffset:440}to{stroke-dashoffset:var(--rto,110)}}
@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes sg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes crd{from{stroke-dashoffset:251}}
@keyframes slideIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
@keyframes stageLight{from{opacity:.2;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}
.an{animation:fu .55s var(--ease) both}
.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}
.d5{animation-delay:.25s}.d6{animation-delay:.3s}.d7{animation-delay:.35s}.d8{animation-delay:.4s}
.d9{animation-delay:.45s}.d10{animation-delay:.5s}.d11{animation-delay:.55s}.d12{animation-delay:.6s}

/* ═══ TOPNAV ═══ */
.topnav{position:fixed;top:0;left:0;right:0;height:var(--nh);background:var(--bg-1);border-bottom:1px solid var(--b2);box-shadow:var(--shadow-sm);display:flex;align-items:center;padding:0 14px;z-index:1000}
.brand{display:flex;align-items:center;gap:9px;cursor:pointer;flex-shrink:0;text-decoration:none}
.brand-m{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--accent),#F59E0B);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px var(--accent-g)}
.brand-m svg{width:16px;height:16px;color:#fff}
.brand-n{font-size:1.02rem;font-weight:700;color:var(--t1);white-space:nowrap}.brand-n em{font-style:normal;color:var(--accent)}

/* ═══ SECONDARY NAV — Credibility pages (elevated visibility) ═══ */
.sec-nav{display:flex;align-items:center;gap:6px;margin-left:16px;flex-shrink:0;padding-left:16px;border-left:1px solid var(--b2);height:100%}
.sec-link{font-size:.88rem;color:var(--t2);cursor:pointer;border:1px solid var(--b2);background:var(--bg-2);font-family:inherit;font-weight:500;padding:5px 10px;border-radius:6px;transition:all var(--t);white-space:nowrap;position:relative;letter-spacing:.01em;display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.sec-link:hover{color:var(--t1);background:var(--bg-3);border-color:var(--b3)}
.sec-link.on{color:var(--accent);background:var(--accent-g);border-color:var(--accent);font-weight:600}
.sec-link.on::after{content:'';position:absolute;bottom:-14px;left:4px;right:4px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}
.sec-link svg{width:14px;height:14px;flex-shrink:0;stroke-width:2;stroke:var(--t3);transition:stroke var(--t)}.sec-link:hover svg{stroke:var(--t1)}.sec-link.on svg{stroke:var(--accent)}

/* ═══ PRODUCT TABS ═══ */
.tabs{display:flex;height:100%;align-items:stretch;margin-left:16px}
.tab{display:flex;align-items:center;gap:6px;padding:0 13px;color:var(--t3);font-size:1rem;font-weight:500;cursor:pointer;border:none;background:none;position:relative;transition:color var(--t);white-space:nowrap;text-decoration:none}
.tab:hover{color:var(--t2)}.tab.on{color:var(--t1)}
.tab.on::after{content:'';position:absolute;bottom:0;left:8px;right:8px;height:2px;background:var(--accent);border-radius:2px 2px 0 0}
.tab svg{width:14px;height:14px;opacity:.4}.tab.on svg{opacity:.85;color:var(--accent)}
.tab .ph{font-size:.8rem;padding:1px 5px;border-radius:3px;background:var(--bg-4);color:var(--t3);font-weight:700;letter-spacing:.06em}
.tab.disabled{cursor:default;opacity:.5}.tab.disabled:hover{color:var(--t3)}
.nav-r{margin-left:auto;display:flex;align-items:center;gap:8px}

/* ═══ THEME TOGGLE ═══ */
.theme-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--b2);border-radius:6px;background:var(--bg-2);cursor:pointer;transition:all var(--t);flex-shrink:0}
.theme-toggle:hover{border-color:var(--b3);background:var(--bg-3)}
.theme-toggle svg{width:15px;height:15px;stroke:var(--t2);fill:none;stroke-width:2;transition:stroke var(--t)}
.theme-toggle:hover svg{stroke:var(--t1)}
.theme-toggle .sun{display:block}.theme-toggle .moon{display:none}
[data-theme="dark"] .theme-toggle .sun{display:none}
[data-theme="dark"] .theme-toggle .moon{display:block}

/* ═══ HAMBURGER & MOBILE MENU ═══ */
.hamburger{display:none;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;border:none;background:none;padding:0;margin-left:auto;flex-shrink:0}
.hamburger svg{width:18px;height:18px;stroke:var(--t2);stroke-width:2;fill:none;transition:stroke var(--t)}
.hamburger:hover svg{stroke:var(--t1)}
.mob-menu{position:fixed;top:var(--nh);right:0;width:220px;max-height:calc(100vh - var(--nh));background:var(--bg-1);border-left:1px solid var(--b2);border-bottom:1px solid var(--b2);box-shadow:-4px 8px 32px rgba(0,0,0,.5);border-radius:0 0 0 var(--rl);z-index:998;padding:12px 0;transform:translateX(100%);transition:transform .25s var(--ease);overflow-y:auto}
.mob-menu.open{transform:translateX(0)}
.mob-menu-label{font-size:.8rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.1em;padding:8px 18px 4px}
.mob-menu-item{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:1rem;color:var(--t2);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit;transition:all var(--t);text-decoration:none}
.mob-menu-item:hover{background:var(--bg-3);color:var(--t1)}
.mob-menu-item.on{color:var(--accent)}
.mob-menu-item svg{width:14px;height:14px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2}
.mob-menu-divider{height:1px;background:var(--b1);margin:6px 18px}

/* ═══ SIDEBAR ═══ */
.sidebar{position:fixed;top:var(--nh);left:0;bottom:0;width:var(--sw);background:var(--bg-1);border-right:1px solid var(--b2);overflow-y:auto;z-index:100;padding:10px 0;display:flex;flex-direction:column}
.sb-ctx{display:none}.sb-ctx.on{display:block}
.sg{padding:0 10px;margin-bottom:14px}
.sl{font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t3);padding:0 6px 5px}
.si{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:6px;color:var(--t2);font-size:1rem;cursor:pointer;transition:all var(--t);text-decoration:none}
.si:hover{background:var(--bg-1);color:var(--t1)}.si.on{background:rgba(232,131,74,.06);color:var(--accent);font-weight:500}
.si svg{width:14px;height:14px;opacity:.45;flex-shrink:0}.si.on svg{opacity:.8}
.shr{height:1px;background:var(--b1);margin:8px 10px}
.sst{display:flex;align-items:center;gap:6px;padding:5px 14px;font-size:.9rem;color:var(--t3)}
.sd{width:5px;height:5px;border-radius:50%;flex-shrink:0}.sd.ok{background:var(--pass)}.sd.wn{background:var(--warn)}
.sb-bot{margin-top:auto;padding:8px 0}
.sbox{margin:0 10px;padding:10px;background:var(--bg-1);border-radius:var(--r);border:1px solid var(--b1)}
.sbox-top{display:flex;justify-content:space-between;font-size:.88rem;color:var(--t3);margin-bottom:5px}
.sbox-bar{height:3px;background:var(--bg-4);border-radius:2px;overflow:hidden}
.sbox-fill{height:100%;border-radius:2px}
.sbox-note{font-size:.84rem;color:var(--t3);margin-top:5px}
.sb-link{display:flex;align-items:center;gap:5px;padding:5px 14px;font-size:.9rem;color:var(--ax);cursor:pointer;transition:color var(--t);text-decoration:none}
.sb-link:hover{color:var(--accent)}
.sb-link svg{width:12px;height:12px;opacity:.5}
.sb-dom{display:flex;align-items:center;gap:6px;padding:4px 14px;font-size:.88rem;color:var(--t3)}
.sb-dom-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}

/* ═══ MAIN ═══ */
.main{margin-left:var(--sw);margin-top:var(--nh);min-height:calc(100vh - var(--nh));display:flex;flex-direction:column}

/* ═══ HERO ═══ */
.hero{padding:28px 32px 24px;position:relative;overflow:hidden}
.hero-dark{background:linear-gradient(160deg,var(--bg-0) 0%,var(--bg-2) 50%,var(--bg) 100%)}
.hero-dark::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--b1) 1px,transparent 0);background-size:28px 28px;pointer-events:none}
.hero-dark::after{content:'';position:absolute;top:-60%;right:-20%;width:700px;height:700px;background:radial-gradient(circle,var(--accent-g) 0%,transparent 60%);pointer-events:none}
.hero-green{background:linear-gradient(160deg,var(--bg-0) 0%,#F0FDF4 50%,var(--bg) 100%)}
.hero-green::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--b1) 1px,transparent 0);background-size:28px 28px;pointer-events:none}
.hero-green::after{content:'';position:absolute;top:-60%;right:-20%;width:700px;height:700px;background:radial-gradient(circle,var(--pass-b) 0%,transparent 60%);pointer-events:none}
.hero-flat{background:var(--bg-2);border-bottom:1px solid var(--b1);box-shadow:var(--shadow-sm)}
.hero-blue{background:linear-gradient(160deg,var(--bg-0) 0%,#EFF6FF 50%,var(--bg) 100%)}
.hero-blue::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--b1) 1px,transparent 0);background-size:28px 28px;pointer-events:none}
.hero-blue::after{content:'';position:absolute;top:-60%;right:-20%;width:700px;height:700px;background:radial-gradient(circle,var(--trust-bg) 0%,transparent 60%);pointer-events:none}
[data-theme="dark"] .hero-blue{background:linear-gradient(160deg,var(--bg-0) 0%,var(--bg-2) 50%,var(--bg) 100%)}
.hbadge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:.86rem;font-weight:600;letter-spacing:.04em;background:var(--accent-g);color:var(--accent);margin-bottom:10px;position:relative;border:1px solid rgba(232,131,74,.15)}
.hbadge::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);animation:pulse 2s ease infinite}
.ht{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:5px;color:var(--t1);position:relative;line-height:1.25}
.hs{font-size:1.1rem;color:var(--t2);max-width:620px;line-height:1.65;position:relative}
.hmet{display:flex;gap:20px;margin-top:16px;position:relative;flex-wrap:wrap}
.hm{display:flex;flex-direction:column;gap:1px}
.hm-v{font-size:1.1rem;font-weight:800;color:var(--accent);font-family:'Fira Code',monospace;line-height:1.2}
.hm-l{font-size:.84rem;color:var(--t3)}

/* ═══ SHARED COMPONENTS ═══ */
.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border:none;border-radius:var(--r);font-size:1.05rem;font-weight:600;cursor:pointer;transition:all var(--t);white-space:nowrap;font-family:inherit}
.btn svg{width:14px;height:14px}
.btn-a{background:var(--accent);color:#fff}.btn-a:hover{background:var(--accent-h);transform:translateY(-1px);box-shadow:0 0 24px var(--accent-g)}
.btn-g{background:rgba(255,255,255,.04);color:var(--t2);border:1px solid var(--b2)}.btn-g:hover{background:rgba(255,255,255,.06);color:var(--t1);border-color:var(--b3)}
.btn-grn{background:var(--green-deep);color:#fff}.btn-grn:hover{background:#047857}
.btn-sm{padding:7px 14px;font-size:.97rem}
.badge svg{width:10px;height:10px;flex-shrink:0;stroke:currentColor}
.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:3px;font-size:.8rem;font-weight:700;letter-spacing:.05em;font-family:'Fira Code',monospace;text-transform:uppercase}
.b-ax{background:var(--ax-b);color:var(--ax)}.b-oq{background:var(--oq-b);color:var(--oq)}
.b-mp{background:var(--mp-b);color:var(--mp)}.b-ds{background:var(--ds-b);color:var(--ds)}
.b-lit{background:var(--lit-b);color:var(--lit)}.b-echa{background:var(--echa-b);color:var(--echa)}
.results{padding:18px 32px 56px}
.load-ov{position:absolute;inset:0;background:rgba(8,9,13,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:var(--rl);z-index:10;backdrop-filter:blur(6px)}
.load-ov.off{display:none}
.spinner{width:26px;height:26px;border:2.5px solid var(--b2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}

/* ═══ CLAIM INPUT (PhysicsCheck) ═══ */
.clwrap{margin-top:18px;width:100%;position:relative}
.clbox{width:100%;min-height:76px;border:1.5px solid var(--b2);border-radius:var(--rl);background:var(--bg-1);color:var(--t1);padding:14px 18px;font-size:1.08rem;line-height:1.6;resize:vertical;transition:border-color var(--t),box-shadow var(--t);font-family:inherit;box-sizing:border-box}
.clbox:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-g);outline:none}
.clbox::placeholder{color:var(--t3)}
.clbtns{display:flex;align-items:center;gap:8px;margin-top:10px;position:relative;flex-wrap:wrap}

/* ═══ PIPELINE BAR ═══ */
.pipe{margin-bottom:20px;padding:12px 16px;background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--rl)}
.pipe-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.pipe-lbl{font-size:.93rem;font-weight:600;color:var(--t2);display:flex;align-items:center;gap:6px}
.pipe-time{font-size:.9rem;font-weight:600;font-family:'Fira Code',monospace}
.pipe-bars{display:flex;gap:3px}
.ps{flex:1;height:4px;border-radius:2px;background:var(--bg-4);overflow:hidden}
.ps.dn{background:var(--pass)}
.ps.ru{background:var(--bg-4)}.ps.ru::after{content:'';display:block;height:100%;background:var(--accent);border-radius:2px;animation:sg 1.8s var(--ease) forwards;transform-origin:left}
.pipe-nm{display:flex;margin-top:5px}.pipe-nm span{flex:1;font-size:.8rem;color:var(--t3);text-align:center}

/* ═══ CONFIDENCE DIAL ═══ */
.conf{display:flex;gap:24px;align-items:flex-start;margin-bottom:22px}
.dial{width:130px;height:130px;position:relative;flex-shrink:0}
.dial svg{width:100%;height:100%;transform:rotate(-90deg)}
.dt{fill:none;stroke:var(--bg-4);stroke-width:7}.da{fill:none;stroke-width:7;stroke-linecap:round;stroke-dasharray:440;animation:rd 1.2s var(--ease) both}
.da.grn{stroke:var(--pass)}.da.ylw{stroke:var(--warn)}.da.red{stroke:var(--fail)}
.din{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.dnum{font-size:1.9rem;font-weight:800;font-family:'Fira Code',monospace;line-height:1}
.dnum.grn{color:var(--pass)}.dnum.ylw{color:var(--warn)}.dnum.red{color:var(--fail)}
.dtg{font-size:.8rem;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.cinfo{flex:1;padding-top:4px}
.cinfo h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}
.cinfo p{font-size:1.05rem;color:var(--t2);line-height:1.6;margin-bottom:10px}
.rcs{display:flex;gap:12px;margin-bottom:10px}.rc{display:flex;align-items:center;gap:4px;font-size:.97rem;font-weight:600}
.rcd{width:8px;height:8px;border-radius:50%}
.dbtags{display:flex;gap:5px;flex-wrap:wrap}

/* ═══ 12 CONSTRAINT CARDS ═══ */
.ccgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:8px}
.cc{background:var(--bg-2);border:1px solid var(--b1);border-left:3px solid;border-radius:var(--r);padding:13px 14px;cursor:pointer;transition:all var(--t);position:relative}
.cc:hover{background:var(--bg-3);border-color:var(--b2);border-left-color:inherit}
.cc.pass{border-left-color:var(--pass)}.cc.warn{border-left-color:var(--warn)}.cc.fail{border-left-color:var(--fail)}.cc.na{border-left-color:var(--t3);opacity:.55}
.cc-h{display:flex;align-items:center;gap:7px;margin-bottom:5px}
.cc-i{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.84rem;font-weight:800;flex-shrink:0;font-family:'Fira Code',monospace}
.cc.pass .cc-i{background:var(--pass-b);color:var(--pass)}.cc.warn .cc-i{background:var(--warn-b);color:var(--warn)}.cc.fail .cc-i{background:var(--fail-b);color:var(--fail)}.cc.na .cc-i{background:var(--na-b);color:var(--na)}
.cc-n{font-size:1.02rem;font-weight:600;flex:1}
.cc-t{font-size:.8rem;padding:2px 6px;border-radius:3px;font-weight:700;font-family:'Fira Code',monospace;letter-spacing:.04em}
.cc.pass .cc-t{background:var(--pass-b);color:var(--pass)}.cc.warn .cc-t{background:var(--warn-b);color:var(--warn)}.cc.fail .cc-t{background:var(--fail-b);color:var(--fail)}.cc.na .cc-t{background:var(--na-b);color:var(--na)}
.cc-b{font-size:.97rem;color:var(--t2);line-height:1.55;margin-top:5px}
.cc-f{margin-top:7px;padding-top:7px;border-top:1px solid var(--b1);font-size:.84rem;color:var(--t3);display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.cc-chev{margin-left:6px;flex-shrink:0;transition:transform .25s var(--ease);color:var(--t3)}
.cc-chev svg{width:14px;height:14px;display:block}
.cc.open .cc-chev{transform:rotate(90deg)}
/* Always-open constraint category cards (How It Works page) */
.cc.always-open .cc-chev{display:none}
.cc-det{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s var(--ease),opacity .3s ease,margin .3s ease}
.cc.open .cc-det{max-height:600px;opacity:1;margin-top:10px;padding-top:10px;border-top:1px dashed var(--b2);overflow-y:auto}
.ccgrid-hint{color:var(--t3);font-size:.8rem;margin-top:8px;text-align:center}
.ev{display:flex;justify-content:space-between;padding:3px 0;font-size:.95rem}.ev-k{color:var(--t3)}.ev-v{font-family:'Fira Code',monospace;font-weight:500;font-size:.9rem}
.ev-bar{height:3px;background:var(--bg-4);border-radius:2px;margin-top:6px;overflow:hidden}
.ev-fill{height:100%;border-radius:2px}
.ev-note{font-size:.84rem;color:var(--t3);margin-top:4px}
/* Paper evidence list (R10) */
.ev-papers{margin-top:6px}
.ev-paper{display:flex;align-items:baseline;gap:6px;padding:2px 0;font-size:.84rem;line-height:1.4}
.ev-sim{font-family:'Fira Code',monospace;font-size:.78rem;font-weight:600;color:var(--pass);flex-shrink:0;min-width:30px}
.ev-pt{color:var(--t2);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev-src{font-size:.72rem;color:var(--t3);background:var(--bg-3);padding:1px 4px;border-radius:3px;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em}
.ev-more{font-size:.78rem;color:var(--t3);padding:3px 0;font-style:italic}

/* ═══ COVERAGE KPI STRIP (How It Works page variant) ═══ */
.kpi-strip{background:var(--bg-2);border-top:1px solid var(--b1);border-bottom:1px solid var(--b1);padding:20px 24px 16px;margin:20px -24px 0}
.kpi-strip .hmet{margin-top:0}
.kpi-db{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.84rem;color:var(--t2);margin-top:12px}
.kpi-dot{color:var(--t3)}
.kpi-ts{margin-left:auto;font-size:.76rem;color:var(--t3)}

/* ═══ COVERAGE STATS (HTMX partial — sidebar variant) ═══ */
.cov-stats{padding:10px 0}
.cov-headline{font-size:.95rem;color:var(--t1);line-height:1.7;text-align:center}
.cov-chip{font-family:'Fira Code',monospace;font-weight:700;color:var(--accent);font-size:.95rem}
.cov-sep{color:var(--t3);margin:0 2px}
.cov-breakdown{font-size:.84rem;color:var(--t3);text-align:center;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}
.cov-breakdown .badge{font-size:.72rem;padding:1px 4px}
.cov-fresh{font-size:.78rem;color:var(--t3);text-align:center;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:4px}
.sb-cov .cov-stats{padding:4px 14px 6px}
.sb-cov .cov-headline{font-size:.82rem;text-align:left;line-height:1.6}
.sb-cov .cov-chip{font-size:.82rem}
.sb-cov .cov-breakdown{font-size:.78rem;justify-content:flex-start;margin-top:2px}
.sb-cov .cov-fresh{font-size:.72rem;justify-content:flex-start}

/* ═══ CROSS-CHECK ═══ */
.xc{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--warn-b);border:1px solid var(--warn-br);border-radius:var(--r);margin-top:14px}
.xc svg{width:16px;height:16px;color:var(--warn);flex-shrink:0;margin-top:2px}
.xc-body{font-size:1rem;color:var(--t2);line-height:1.55}.xc-body strong{color:var(--warn);font-weight:600}

/* ═══ REPORT CTA ═══ */
.rptcta{margin-top:22px;padding:20px 24px;background:linear-gradient(135deg,var(--accent-g),rgba(232,131,74,.02));border:1px solid rgba(232,131,74,.12);border-radius:var(--rl);display:flex;align-items:center;gap:20px}
.rpt-info{flex:1}
.rpt-title{font-size:.9rem;font-weight:700;margin-bottom:3px}
.rpt-sub{font-size:1rem;color:var(--t2);line-height:1.55}
.rpt-feats{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}
.rpt-feat{display:flex;align-items:center;gap:4px;font-size:.88rem;color:var(--t3)}
.rpt-feat svg{width:12px;height:12px;color:var(--pass)}
.rpt-feat a{color:var(--ax);cursor:pointer;font-weight:500}.rpt-feat a:hover{color:var(--accent)}

/* ═══ SAMPLE REPORT PREVIEW ═══ */
.sample-report{margin-top:28px;padding:24px;background:var(--bg-1);border:1px solid var(--b1);border-radius:var(--rl);position:relative;overflow:hidden}
.sample-report::before{content:'SAMPLE REPORT';position:absolute;top:12px;right:16px;font-size:.8rem;font-weight:700;letter-spacing:.1em;color:var(--accent);background:var(--accent-g);padding:3px 10px;border-radius:20px;border:1px solid rgba(232,131,74,.15)}
.sr-title{font-size:1.1rem;font-weight:700;margin-bottom:4px}
.sr-sub{font-size:1rem;color:var(--t2);margin-bottom:16px}
.sr-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--b1)}
.sr-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.sr-section-title{font-size:.95rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.sr-download{display:flex;justify-content:center;margin-top:20px}
.sr-rule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.sr-rule{padding:10px 13px;border-radius:var(--r);font-size:.92rem}
.sr-rule .cc-h{display:flex;align-items:center;gap:6px}
.sr-rule .cc-i{width:18px;height:18px;font-size:.76rem}
.sr-rule .cc-n{font-size:.92rem;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-rule .cc-t{font-size:.8rem;font-weight:700;padding:2px 6px;border-radius:3px;letter-spacing:.04em}
.sr-rule.pass{background:var(--pass-b);border:1px solid var(--pass-br)}.sr-rule.pass .cc-t{color:var(--pass)}
.sr-rule.warn{background:var(--warn-b);border:1px solid var(--warn-br)}.sr-rule.warn .cc-t{color:var(--warn)}
.sr-rule.fail{background:var(--fail-b);border:1px solid var(--fail-br)}.sr-rule.fail .cc-t{color:var(--fail)}
.sr-rule.na{background:var(--na-b);border:1px solid rgba(107,114,128,.12)}.sr-rule.na .cc-t{color:var(--na)}
.sr-tbl{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:6px}
.sr-tbl th{text-align:left;padding:6px 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--t3);border-bottom:1px solid var(--b2);background:var(--bg-2);font-weight:700}
.sr-tbl td{padding:6px 8px;border-bottom:1px solid var(--b1);color:var(--t2)}
.sr-tbl tr:hover td{background:rgba(255,255,255,.01)}
.sr-tbl .pass-dot::before,.sr-tbl .warn-dot::before,.sr-tbl .fail-dot::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}
.sr-tbl .pass-dot::before{background:var(--pass)}.sr-tbl .warn-dot::before{background:var(--warn)}.sr-tbl .fail-dot::before{background:var(--fail)}
.sr-ref{font-size:.86rem;color:var(--t3);padding:5px 0;display:flex;gap:6px;align-items:baseline;border-bottom:1px dashed var(--b1)}
.sr-ref:last-child{border-bottom:none}
.sr-ref-num{font-weight:700;color:var(--t2);font-family:'Fira Code',monospace;min-width:20px;font-size:.8rem}
.sr-ref a{color:var(--ax);text-decoration:none;font-size:.8rem;word-break:break-all}
.sr-ashby{background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--r);padding:14px;font-family:'Fira Code',monospace;font-size:.8rem;color:var(--t3);line-height:1.4;overflow-x:auto;white-space:pre}

/* ═══════════════════════════════════════════════════
   EXPERT BOARD — v-eb
   ═══════════════════════════════════════════════════ */
/* Domain coverage grid */
.dom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:28px}
.dom-card{background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--r);padding:14px 16px;transition:all var(--t)}
.dom-card:hover{border-color:var(--b2);box-shadow:var(--shadow-md)}
.dom-card-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.dom-card-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.dom-card-name{font-size:1.07rem;font-weight:600;flex:1}
.dom-card-count{font-size:.8rem;font-weight:700;padding:2px 6px;border-radius:3px;background:var(--bg-4);color:var(--t3)}
.dom-card-expert{font-size:.93rem;color:var(--t2);margin-bottom:1px}
.dom-card-expert-inst{font-size:.8rem;color:var(--t3);margin-bottom:4px}
.dom-card-examples{font-size:.88rem;color:var(--t3)}
.dom-card-more{font-size:.8rem;color:var(--ax);cursor:pointer;margin-top:4px;display:inline-flex;align-items:center;gap:3px;padding:2px 0;transition:color var(--t)}
.dom-card-more:hover{color:var(--t1)}
.dom-card-more svg{width:10px;height:10px;transition:transform var(--t)}
.dom-card-more.open svg{transform:rotate(180deg)}
.dom-card-experts{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}
.dom-card-experts.open{max-height:200px}
.dom-card-exp-row{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:.86rem;border-top:1px dashed var(--b1);margin-top:4px}
.dom-card-exp-avatar{width:20px;height:20px;border-radius:50%;background:var(--bg-4);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:var(--t2);flex-shrink:0}
.dom-card-exp-name{color:var(--t2);flex:1}
.dom-card-exp-inst{font-size:.8rem;color:var(--t3)}
.dom-badge{font-size:.8rem;padding:2px 8px;border-radius:10px;font-weight:700;letter-spacing:.04em}
.dom-badge.covered{background:var(--pass-b);color:var(--pass);border:1px solid var(--pass-br)}
.dom-badge.founder{background:var(--accent-g);color:var(--accent);border:1px solid rgba(232,131,74,.2)}
.dom-badge.expanding{background:var(--warn-b);color:var(--warn);border:1px solid var(--warn-br)}

/* Expert roster cards */
.expert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:28px}
.expert-card{background:var(--bg-1);border:1px solid var(--b1);border-radius:var(--rl);padding:20px;transition:all var(--t)}
.expert-card:hover{border-color:var(--b2)}
.expert-card-top{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.expert-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.93rem;font-weight:800;color:#fff;flex-shrink:0}
.expert-avatar.founder{background:linear-gradient(135deg,var(--accent),#F59E0B)}
.expert-avatar.sme{background:var(--bg-3)}
.expert-name{font-size:1.15rem;font-weight:600}
.expert-inst{font-size:.97rem;color:var(--t2)}
.expert-domains{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}
.expert-dom{font-size:.8rem;padding:2px 7px;border-radius:3px;font-weight:600}
.expert-bio{font-size:.95rem;color:var(--t3);line-height:1.5}
.expert-link{font-size:.9rem;color:var(--ax);display:flex;align-items:center;gap:4px;margin-top:6px;text-decoration:none}
.expert-link svg{width:12px;height:12px}
.founder-badge{font-size:.8rem;padding:2px 8px;border-radius:10px;font-weight:700;background:var(--accent-g);color:var(--accent);border:1px solid rgba(232,131,74,.2);letter-spacing:.04em}

/* Credibility metrics bar */
.cred-metrics{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px;padding:14px 18px;background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--r)}
.cred-m{display:flex;flex-direction:column;gap:1px;flex:1;min-width:140px}
.cred-m-v{font-size:1.15rem;font-weight:700;color:var(--accent);font-family:'Fira Code',monospace}
.cred-m-l{font-size:.84rem;color:var(--t3)}

/* Join CTA section */
.join-cta{background:var(--bg-0);border:1px solid var(--green-deep);border-radius:var(--rl);padding:28px;margin-top:8px}
.join-title{font-size:1.2rem;font-weight:700;margin-bottom:6px;color:var(--pass)}
.join-desc{font-size:1.07rem;color:var(--t2);line-height:1.6;margin-bottom:14px;max-width:600px}
.join-perks{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.join-perk{display:flex;align-items:center;gap:5px;font-size:.97rem;color:var(--t2)}
.join-perk svg{width:14px;height:14px;color:var(--pass)}
.join-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:560px}
.join-input{background:var(--bg-1);border:1px solid var(--b1);border-radius:6px;padding:9px 12px;color:var(--t1);font-size:1.02rem;transition:border-color var(--t)}
.join-input:focus{border-color:var(--accent);outline:none}
.join-input::placeholder{color:var(--t3)}
.join-full{grid-column:1/-1}
.join-textarea{min-height:52px;resize:vertical}

/* ═══════════════════════════════════════════════════
   HOW IT WORKS — v-hw
   ═══════════════════════════════════════════════════ */
/* Large pipeline diagram */
.hw-pipe{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:28px;padding:16px;background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--rl)}
.hw-stage{text-align:center;padding:10px 4px;border-radius:var(--r);transition:all var(--t);cursor:default}
.hw-stage:hover{background:var(--bg-3)}
.hw-stage-num{font-size:.7rem;font-weight:700;color:var(--t3);letter-spacing:.06em;margin-bottom:4px}
.hw-stage-ico{width:36px;height:36px;border-radius:50%;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;background:var(--accent-g);transition:all var(--t)}
.hw-stage-ico svg{width:18px;height:18px;stroke:var(--accent);flex-shrink:0}
.hw-stage:hover .hw-stage-ico{background:var(--accent-gs);box-shadow:0 0 12px var(--accent-g)}
.hw-stage:hover .hw-stage-ico svg{stroke:var(--accent-h)}
.hw-stage-name{font-size:.9rem;font-weight:600;margin-bottom:2px}
.hw-stage-desc{font-size:.8rem;color:var(--t3);line-height:1.4}
.hw-stage-bar{height:3px;background:var(--pass);border-radius:2px;margin-top:8px;opacity:.5}

/* Database attribution cards */
.db-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-bottom:28px}
.db-card{background:var(--bg-1);border:1px solid var(--b1);border-radius:var(--rl);padding:18px;transition:all var(--t)}
.db-card:hover{border-color:var(--b2)}
.db-card-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.db-card-badge{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.86rem;font-weight:800;font-family:'Fira Code',monospace;flex-shrink:0}
.db-card-name{font-size:1.15rem;font-weight:700}
.db-card-inst{font-size:.95rem;color:var(--t2)}
.db-card-count{font-size:1.4rem;font-weight:800;font-family:'Fira Code',monospace;color:var(--accent);margin-bottom:2px}
.db-card-count-label{font-size:.84rem;color:var(--t3)}
.db-card-licence{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:700;padding:3px 8px;border-radius:10px;background:var(--pass-b);color:var(--pass);border:1px solid var(--pass-br);margin-top:8px}
.db-card-licence svg{width:10px;height:10px}
.db-card-link{font-size:.9rem;color:var(--ax);display:flex;align-items:center;gap:4px;margin-top:8px;text-decoration:none}
.db-card-link:hover{color:var(--accent)}
.db-card-link svg{width:10px;height:10px}

/* Triple verification */
.triple-v{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}
.tv-card{background:var(--bg-1);border-radius:var(--r);padding:16px;border-left:3px solid;position:relative;overflow:hidden}
.tv-card.tv-1{border-left-color:var(--pass)}
.tv-card.tv-2{border-left-color:var(--accent)}
.tv-card.tv-3{border-left-color:var(--ax)}
.tv-ico{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.tv-ico svg{width:16px;height:16px;flex-shrink:0}
.tv-card.tv-1 .tv-ico{background:var(--pass-b)}
.tv-card.tv-1 .tv-ico svg{stroke:var(--pass)}
.tv-card.tv-2 .tv-ico{background:var(--accent-g)}
.tv-card.tv-2 .tv-ico svg{stroke:var(--accent)}
.tv-card.tv-3 .tv-ico{background:var(--ax-b)}
.tv-card.tv-3 .tv-ico svg{stroke:var(--ax)}
.tv-title{font-size:1.02rem;font-weight:600;margin-bottom:4px}
.tv-desc{font-size:.95rem;color:var(--t2);line-height:1.5}

/* Constraint categories for HW page */
.hw-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-bottom:28px}

/* Section dividers */
.hw-section{margin-bottom:32px}
.hw-section-title{font-size:1.15rem;font-weight:700;margin-bottom:4px;position:relative}
.hw-section-sub{font-size:1rem;color:var(--t2);margin-bottom:16px;line-height:1.55}
.hw-divider{height:1px;background:var(--b1);margin:28px 0}

/* Coverage breakdown table */
.cov-tbl{width:100%;border-collapse:collapse;font-size:.93rem;margin-top:6px}
.cov-tbl th{text-align:left;padding:8px 10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--t3);border-bottom:1px solid var(--b2);background:var(--bg-2);font-weight:700}
.cov-tbl td{padding:8px 10px;border-bottom:1px solid var(--b1);color:var(--t2)}
.cov-tbl tr:hover td{background:var(--b1)}
.cov-tbl .cov-class{font-weight:600;color:var(--t1);display:flex;align-items:center;gap:6px}
.cov-tbl .cov-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.cov-tbl .cov-count{font-family:'Fira Code',monospace;font-weight:600;color:var(--t1);text-align:right}
.cov-tbl .cov-method{font-size:.84rem;color:var(--t3)}
.cov-tbl .cov-total td{border-top:2px solid var(--b2);font-weight:700;color:var(--accent)}
.cov-tbl .cov-bounds{font-size:.84rem;font-family:'Fira Code',monospace}
.cov-tbl .cov-bounds.yes{color:var(--pass)}.cov-tbl .cov-bounds.partial{color:var(--warn)}.cov-tbl .cov-bounds.no{color:var(--t3)}

/* Freshness indicators */
.freshness{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;padding:10px 14px;background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--r);font-size:.84rem}
.freshness-item{display:flex;align-items:center;gap:5px;color:var(--t3)}
.freshness-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.freshness-dot.fresh{background:var(--pass)}.freshness-dot.aging{background:var(--warn)}.freshness-dot.stale{background:var(--fail)}
.freshness-date{font-family:'Fira Code',monospace;color:var(--t2)}
.freshness-note{font-size:.8rem;color:var(--t3);margin-top:6px;font-style:italic}

/* Tech docs box */
.tech-docs{background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--rl);padding:20px}
.tech-docs-title{font-size:1rem;font-weight:600;margin-bottom:8px}
.tech-docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;font-size:.9rem;color:var(--t2)}
.tech-docs-section{margin-top:16px;padding-top:12px;border-top:1px solid var(--b1)}
.tech-docs-section-title{font-size:.9rem;font-weight:600;margin-bottom:6px}
.tech-docs-section-body{font-size:.88rem;color:var(--t2);line-height:1.6}

/* Built-by section */
.built-by{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-0);border-top:1px solid var(--b1);border-radius:var(--r)}
.built-by-av{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#F59E0B);display:flex;align-items:center;justify-content:center;font-size:.93rem;font-weight:800;color:#fff;flex-shrink:0}
.built-by-text{flex:1}
.built-by-name{font-size:1.07rem;font-weight:600}
.built-by-cred{font-size:.95rem;color:var(--t2);line-height:1.5}
.built-by-link{font-size:.9rem;color:var(--ax);display:inline-flex;align-items:center;gap:3px;margin-top:2px;text-decoration:none}
.built-by-link:hover{color:var(--accent)}
.built-by-link svg{width:10px;height:10px}

/* Section label used on expert board & how it works */
.section-label{font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--t3);padding:0 0 5px;margin-bottom:8px}

/* Page-level content wrapper */
.page-content{max-width:960px;margin:0 auto;padding:28px 32px 56px}

/* ═══ GLOBAL FOOTER ═══ */
.footer{padding:18px 32px;background:var(--bg-0);border-top:1px solid var(--b1);display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:.9rem;color:var(--t3);margin-top:auto}
.footer a{color:var(--t3);transition:color var(--t);text-decoration:none}.footer a:hover{color:var(--t1)}
.footer-left{display:flex;align-items:center;gap:6px;flex:1;min-width:200px}
.footer-links{display:flex;gap:14px;flex:1;justify-content:center}
.footer-right{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}
.footer-right a{display:flex;align-items:center;gap:3px}
.footer-right svg{width:14px;height:14px}

/* ═══ RESPONSIVE ═══ */
@media(max-width:960px){
  .sidebar{display:none}.main{margin-left:0}.hero{padding:22px 18px 18px}.results{padding:14px 18px 40px}
  .triple-v{grid-template-columns:1fr}.hw-pipe{grid-template-columns:repeat(4,1fr)}
  .dom-grid{grid-template-columns:repeat(3,1fr)}.expert-grid{grid-template-columns:1fr 1fr}
  .sec-link span{display:none}.sec-link{padding:5px 7px}
  .footer{padding:14px 18px}
  .page-content{padding:20px 18px 40px}
}
@media(max-width:680px){
  .ccgrid{grid-template-columns:1fr}.conf{flex-direction:column;align-items:center;text-align:center}
  .cinfo{text-align:center}.rcs,.dbtags{justify-content:center;flex-wrap:wrap;gap:4px}.hmet{gap:12px}
  .tabs{display:none}.sec-nav{display:none}
  .rptcta{flex-direction:column;text-align:center}
  .hw-pipe{grid-template-columns:repeat(2,1fr)}.triple-v{grid-template-columns:1fr}
  .dom-grid{grid-template-columns:1fr 1fr}.expert-grid{grid-template-columns:1fr}
  .join-form{grid-template-columns:1fr}.db-cards{grid-template-columns:1fr}
  .footer-links{display:none}.footer{justify-content:space-between}
  .hamburger{display:flex;z-index:1001}
  .tech-docs-grid{grid-template-columns:1fr}
  /* Claim textarea */
  .clbox{min-height:100px;font-size:.95rem}
  .clwrap{max-width:100%}
  /* Sample report */
  .sample-report{padding:44px 12px 12px;overflow-x:hidden;max-width:100%}
  .sample-report::before{top:10px;right:50%;transform:translateX(50%)}
  .sr-section{padding:8px;overflow-x:auto}
  .sr-section>div[style*="display:flex"]{flex-direction:column;align-items:center;text-align:center}
  .sr-rule-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px;overflow-x:auto}
  .sample-report *{max-width:100%;box-sizing:border-box}
  /* Coverage table */
  .cov-tbl{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  .cov-tbl td,.cov-tbl th{white-space:nowrap}
  /* Global mobile safety */
  img,table,pre,.sample-report,.cov-tbl,.sr-rule-grid{max-width:100%;overflow-x:auto}
}