/* /articles/assets/editorial-article.css */
.article-hero{margin:28px 0 0;max-width:100%}.article-hero img{display:block;width:100%;height:auto;border-radius:14px}.editorial-table{max-width:100%;overflow-x:auto;margin:24px 0}.editorial-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}.editorial-table th,.editorial-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.editorial-table th{color:var(--text)}.article h3{margin:26px 0 12px}.article ul,.article ol{padding-left:24px;line-height:1.8}.article li{margin-bottom:8px}.article .note .button{white-space:normal;overflow-wrap:anywhere}.editorial-table:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.article,.layout>*{min-width:0}

/* /guides.css */
:root{
  color-scheme:dark;
  --bg:#070a10;
  --panel:#0d1017;
  --panel-2:#10141d;
  --line:#262d3b;
  --muted:#9199a9;
  --text:#edf0f7;
  --mint:#6a92e7;
  --mint-soft:#bccef4;
  --amber:#ffd27d;
  --shadow:0 18px 54px rgba(0,0,0,.24);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(106,146,231,.08),transparent 30%),var(--bg);color:var(--text)}
a{color:inherit}
.skip-link{position:absolute;top:-100px;left:12px;z-index:30;padding:12px;background:var(--mint);color:var(--bg)}
.skip-link:focus{top:12px}
a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.shell{width:min(1160px,calc(100% - 32px));margin:auto}
.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(7,10,16,.88);border-bottom:1px solid rgba(255,255,255,.07)}
.topbar .shell{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px}
.brand{display:inline-flex;align-items:center;min-height:44px;font-weight:900;letter-spacing:-.04em;text-decoration:none;font-size:19px}.brand b{color:var(--mint)}
.nav{display:flex;align-items:center;gap:10px}.nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none;font-weight:700;font-size:14px;padding:9px 11px;border-radius:9px}.nav a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.nav .cta{background:var(--mint);color:#06090f}.nav .cta:hover{color:#06090f;background:#85a6ed}
.hero{padding:78px 0 38px}
.crumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:20px}.crumbs a{text-decoration:none}.crumbs span{opacity:.55}
.eyebrow{font:800 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--mint);text-transform:uppercase}
h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.055em;max-width:980px;margin:14px 0 20px}
.lead{max-width:850px;font-size:clamp(18px,2.2vw,24px);line-height:1.55;color:#dce0e9;margin:0}
.answer{margin-top:30px;max-width:940px;border:1px solid #354159;border-radius:18px;background:linear-gradient(145deg,rgba(106,146,231,.1),rgba(106,146,231,.025));padding:24px 26px;box-shadow:var(--shadow)}
.answer small{display:block;color:var(--mint);font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.answer p{font-size:19px;line-height:1.7;margin:0}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;padding:20px 0 72px}
.article{min-width:0}.section{padding:28px 0;border-top:1px solid var(--line)}.section:first-child{border-top:0}
h2{font-size:28px;line-height:1.15;letter-spacing:-.035em;margin:0 0 15px}
.section p{color:#c6ccd7;font-size:16px;line-height:1.78;margin:0 0 15px}
.checklist{display:grid;gap:9px;margin:18px 0 0;padding:0;list-style:none}.checklist li{display:flex;gap:11px;align-items:flex-start;color:#dce0e8;line-height:1.55}.checklist li:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(106,146,231,.09);margin-top:.47em;flex:0 0 auto}
.sidebar{position:relative}.sticky{position:sticky;top:92px;display:grid;gap:14px}
.card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:18px}.card h3{font-size:16px;margin:0 0 12px}.card p{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 12px}
.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{border:1px solid #232937;background:#090c13;border-radius:10px;padding:10px}.metric span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.metric b{font-size:14px}
.mono{font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;color:#b7bdca}
.button{display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;border-radius:10px;padding:12px 14px;font-weight:850;font-size:14px}.button.primary{background:var(--mint);color:#06090f}.button.secondary{border:1px solid #363f53;color:#dce0e8}
.note{border-left:3px solid var(--amber);background:#16150d;color:#e9dfc6;padding:15px 17px;border-radius:0 10px 10px 0;line-height:1.6}
.sources{display:grid;gap:8px}.sources a{display:block;color:var(--mint-soft);text-decoration:none;font-size:14px;line-height:1.5}.sources a:hover{text-decoration:underline}
.related{padding:42px 0 80px;border-top:1px solid var(--line)}.related h2{margin-bottom:18px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-card{display:block;text-decoration:none;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:18px;min-height:145px}.related-card:hover{border-color:#3e4b67;transform:translateY(-1px)}.related-card small{color:var(--mint);font-weight:800}.related-card strong{display:block;margin-top:10px;font-size:17px;line-height:1.35}.related-card span{display:block;color:var(--muted);font-size:12px;margin-top:10px}
.catalog-hero{padding:78px 0 28px}.catalog-intro{max-width:800px;color:#c6ccd7;font-size:18px;line-height:1.7}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 30px}.chip{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#c4c9d4;font-size:12px}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-bottom:76px}.guide-card{display:block;text-decoration:none;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:21px;min-height:210px}.guide-card:hover{border-color:#424f6b;background:var(--panel-2)}.guide-card small{color:var(--mint);font-weight:850;text-transform:uppercase;letter-spacing:.08em}.guide-card h2{font-size:23px;margin:12px 0}.guide-card p{color:var(--muted);line-height:1.65;margin:0}.guide-card footer{margin-top:18px;color:#c7cdd8;font-size:12px}
.footer{border-top:1px solid var(--line);padding:34px 0 48px;color:var(--muted);font-size:12px}.footer .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:860px){.layout{grid-template-columns:1fr}.sticky{position:static}.related-grid,.guide-grid{grid-template-columns:1fr}.nav a:not(.cta){display:none}}
@media(max-width:560px){.shell{width:min(100% - 22px,1160px)}.hero,.catalog-hero{padding-top:48px}h1{font-size:40px}.answer{padding:19px}.answer p{font-size:17px}.evidence-grid{grid-template-columns:1fr}.topbar .shell{min-height:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.related-card:hover{transform:none}}

/* Theme modes 2026-10-05. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);font:700 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;white-space:nowrap;cursor:pointer}.theme-toggle:hover{border-color:var(--mint);color:var(--mint)}.theme-toggle:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
html[data-theme="light"]{color-scheme:light;--bg:#f5f6f8;--panel:#fff;--panel-2:#edeff3;--line:#c7ccd5;--muted:#515765;--text:#111318;--mint:#102e72;--mint-soft:#102962;--amber:#8a5a00;--shadow:0 18px 48px rgba(38,45,59,.12)}html[data-theme="light"] body{background:radial-gradient(circle at 80% -10%,rgba(16,46,114,.07),transparent 30%),var(--bg)}html[data-theme="light"] .topbar{background:rgba(245,246,248,.92);border-color:#d8dbe2}html[data-theme="light"] .nav a{color:#414754}html[data-theme="light"] .nav a:hover{background:#e9ecf1;color:#111318}html[data-theme="light"] .nav a:last-child,html[data-theme="light"] .button.primary{background:var(--mint);color:#fff;border-radius:9px}html[data-theme="light"] .lead,html[data-theme="light"] .section p,html[data-theme="light"] .catalog-intro{color:#414754}html[data-theme="light"] .answer{border-color:#a9b2c5;background:linear-gradient(145deg,rgba(16,46,114,.09),rgba(255,255,255,.8))}html[data-theme="light"] .checklist li{color:#262d3b}html[data-theme="light"] .card,html[data-theme="light"] .guide-card,html[data-theme="light"] .related-card,html[data-theme="light"] .metric{background:#fff;border-color:#c7ccd5}html[data-theme="light"] .mono{color:#414754}html[data-theme="light"] .button.secondary{color:#192030;border-color:#9da4b3;background:#fff}html[data-theme="light"] .note{background:#fff8e7;color:#58431b}html[data-theme="light"] .chip{color:#414754}html[data-theme="light"] .footer{color:#515765}
@media(max-width:860px){.theme-toggle{margin-left:auto}.topbar .shell{gap:10px}.nav a:not(:last-child){display:none}}@media(max-width:560px){.theme-toggle{min-height:40px;padding:7px 9px;font-size:10px}}

html[data-theme="light"] .eyebrow,
html[data-theme="light"] .guide-card small,
html[data-theme="light"] .related-card small,
html[data-theme="light"] .sources a{color:#102e72}
html[data-theme="light"] .crumbs,
html[data-theme="light"] .card p,
html[data-theme="light"] .metric span,
html[data-theme="light"] .related-card span{color:#414754}

/* Stage 8: real guide discovery controls. */
.guide-controls{display:grid;gap:14px;margin:24px 0 30px}
.guide-search-label{display:grid;gap:7px;max-width:620px;font-size:13px;font-weight:700}
.guide-search{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:10px 13px;font:15px/1.4 inherit}
.guide-search::placeholder{color:var(--muted)}
.guide-search:focus-visible,.chip:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.filters{margin:0}.chip{background:transparent;cursor:pointer;font:700 12px/1.2 inherit;min-height:40px}
.chip[aria-pressed="true"]{background:var(--mint);border-color:var(--mint);color:#070a10}
.guide-count{margin:0;color:var(--muted);font-size:12px}
.guide-card[hidden]{display:none!important}
html[data-theme="light"] .guide-search{background:#fff;border-color:#9da4b3;color:#111318}
html[data-theme="light"] .guide-search::placeholder{color:#5e6676}
html[data-theme="light"] .chip[aria-pressed="true"]{background:#102e72;color:#fff;border-color:#102e72}
html[data-theme="light"] .guide-card footer,
html[data-theme="light"] .answer p,
html[data-theme="light"] .sources,
html[data-theme="light"] .footer a{color:#414754}
html[data-theme="light"] .answer small{color:#102e72}
html[data-theme="light"] .evidence-grid .metric{background:#f7f8fa}
html[data-theme="light"] .note{border-left-color:#8a5a00}

/* /article-experience.css */
/* Article Experience 2.0. Public presentation only; original brand stays intact. */
body[data-article-experience] { background:var(--bg,#0e1420); color:var(--text,#f3f6fc); }
body[data-article-experience] .ae-main { display:block; width:min(760px,calc(100% - 48px)); max-width:760px; margin:0 auto; padding:40px 0 64px; }
body[data-article-experience] .ae-main .shell,
body[data-article-experience] .ae-main .layout,
body[data-article-experience] .ae-main .research-shell,
body[data-article-experience] .ae-main .intel-article { display:block; width:100%; max-width:100%; margin:0; padding:0; }
body[data-article-experience] .ae-main .article { width:100%; max-width:100%; min-width:0; margin:0; padding:0; }
body[data-article-experience] .ae-main p,
body[data-article-experience] .ae-main li { font-size:18px; line-height:1.72; color:var(--text,#f3f6fc); overflow-wrap:break-word; }
body[data-article-experience] .ae-main .section,
body[data-article-experience] .ae-main .intel-section { border:0; background:none; margin:0; padding:22px 0; }
body[data-article-experience] .ae-main h2 { font-size:clamp(23px,2.1vw,28px); line-height:1.3; margin:24px 0 16px; letter-spacing:-.02em; color:var(--text); }
body[data-article-experience] .ae-main h3 { font-size:21px; line-height:1.4; margin:24px 0 12px; color:var(--text); }
body[data-article-experience] .ae-main a { color:var(--mint,#a5baff); text-underline-offset:4px; }
body[data-article-experience] .ae-main :is(p,li,dd) a,
body[data-article-experience] footer a { text-decoration:underline !important; text-underline-offset:4px; }
body[data-article-experience] footer { background:transparent; color:var(--muted); }
body[data-article-experience] footer :is(p,a,span) { color:var(--muted); }
body[data-article-experience] #jepeta-google-consent a { text-decoration:underline !important; text-underline-offset:4px; }
html[data-theme="light"] body[data-article-experience] #jepeta-google-consent { background:#fff !important; color:var(--text) !important; border-color:var(--line) !important; }
html[data-theme="light"] body[data-article-experience] #jepeta-google-consent > div { color:var(--muted) !important; }
html[data-theme="light"] body[data-article-experience] #jepeta-google-consent a { color:var(--mint) !important; }
html[data-theme="light"] body[data-article-experience] #jepeta-google-consent [data-google-consent="denied"] { color:var(--text) !important; border-color:var(--line) !important; }
html[data-theme="light"] body[data-article-experience] #jepeta-google-consent [data-google-consent="granted"] { background:var(--action-bg) !important; color:#fff !important; border-color:var(--action-bg) !important; }
body[data-article-experience] .ae-main .button.primary { color:#fff; }
.ae-header { margin:0 0 32px; }
.ae-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:32px; font-size:13px; line-height:1.5; color:var(--muted); }
.ae-breadcrumbs a { text-decoration:none; }
.ae-kicker { display:block; color:var(--mint,#a5baff); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; line-height:1.6; }
body[data-article-experience] .ae-header h1 { font-size:clamp(32px,4vw,48px); line-height:1.13; letter-spacing:-.035em; margin:12px 0 20px; max-width:100%; color:var(--text); overflow-wrap:break-word; }
body[data-article-experience] .ae-header .ae-deck { color:var(--muted); font-size:20px; line-height:1.65; margin:0 0 22px; }
.ae-byline { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; font-size:13px; line-height:1.6; color:var(--muted); padding:16px 0 20px; border-top:1px solid var(--soft-line,#303c50); }
.ae-byline a { font-weight:600; text-decoration:none; }
.ae-hero { margin:8px 0 28px; }
.ae-hero img { width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; display:block; border-radius:12px; background:var(--surface); }
.ae-hero figcaption { color:var(--muted); font-size:12px; line-height:1.6; margin-top:10px; }
.ae-takeaways { background:var(--surface,#161f2e); border:1px solid var(--soft-line); border-left:3px solid var(--mint); padding:20px 24px; border-radius:4px 12px 12px 4px; }
body[data-article-experience] .ae-takeaways h2 { font-size:19px; margin:0 0 12px; }
.ae-takeaways ul { margin:0; padding-left:22px; }
body[data-article-experience] .ae-takeaways li { font-size:16px; line-height:1.7; margin:8px 0; }
.ae-toc { padding:16px 20px; margin:24px 0; border:1px solid var(--soft-line); border-radius:10px; }
.ae-toc summary { cursor:pointer; font-weight:600; min-height:28px; padding:6px 0; }
.ae-toc ol { padding-left:24px; margin-bottom:4px; }
.article-table-scroll { max-width:100%; overflow:auto; border:1px solid var(--line,#435168); border-radius:10px; margin:22px 0; overscroll-behavior-inline:contain; }
body[data-article-experience] .article-table-scroll table { width:100%; min-width:500px; margin:0; border:0; border-collapse:collapse; }
body[data-article-experience] .article-table-scroll th,
body[data-article-experience] .article-table-scroll td { padding:14px 16px; color:var(--text); font-size:15px; line-height:1.6; text-align:left; vertical-align:top; border:0; border-bottom:1px solid var(--soft-line); }
body[data-article-experience] .article-table-scroll th { background:var(--surface2,#1d293a); font-weight:700; }
.ae-evidence { margin:32px 0; padding:24px; background:var(--surface,#161f2e); border:1px solid var(--soft-line); border-radius:12px; }
body[data-article-experience] .ae-evidence h2 { margin-top:10px; }
.ae-evidence-record + .ae-evidence-record { margin-top:28px; padding-top:4px; border-top:1px solid var(--line); }
body[data-article-experience] .ae-evidence .ae-source,
body[data-article-experience] .ae-data-state { font-size:13px; line-height:1.7; color:var(--muted); }
.ae-data-state { color:var(--warn,#ffd28b); }
.ae-archive { background:var(--surface2); border-left:3px solid var(--warn); padding:16px 20px; margin:20px 0; font-size:15px; line-height:1.65; }
.ae-history-row { display:grid; grid-template-columns:58px 1fr 44px; gap:12px; align-items:center; margin:20px 0; }
.ae-history-row time { grid-column:2/4; font-size:12px; color:var(--muted); }
.ae-history-track { height:12px; border-radius:3px; background:var(--surface2,#1d293a); min-width:0; }
.ae-history-track span { display:block; height:100%; min-width:2px; max-width:100%; background:var(--mint,#a5baff); border-radius:3px; }
.ae-research-bars { margin:24px 0; }
.ae-research-bars > div { margin:22px 0; }
.ae-research-bars dt { font-size:13px; text-transform:capitalize; margin-bottom:8px; font-weight:600; }
.ae-research-bars dd { margin:0; display:grid; grid-template-columns:1fr 150px; gap:16px; align-items:center; }
.ae-research-bars strong { font-size:15px; font-variant-numeric:tabular-nums; }
.ae-research-bars strong span { font-size:13px; color:var(--muted); }
.ae-market dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ae-market dl > div { min-width:0; }
.ae-market dt { color:var(--muted); font-size:12px; }
.ae-market dd { margin:8px 0 0; font-size:24px; font-weight:700; }
.ae-market time { display:block; font-size:12px; line-height:1.6; margin-top:6px; font-weight:400; color:var(--muted); }
.ae-offer { overflow:auto; margin:28px 0; padding:24px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--text); font-size:15px; line-height:1.7; }
.ae-offer-image { display:block; width:180px; max-width:100%; float:left; margin:0 24px 16px 0; }
.ae-offer-image img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:8px; }
.ae-related { padding-top:28px; margin-top:40px; border-top:1px solid var(--line); }
.ae-section-heading { display:flex; flex-wrap:wrap; gap:10px; align-items:baseline; justify-content:space-between; margin-bottom:20px; }
.ae-section-heading h2 { margin:0; }
.ae-section-heading > a { font-size:13px; }
.ae-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.ae-catalog { width:min(1200px,calc(100% - 64px)); margin:0 auto; padding:44px 0 72px; }
.ae-catalog-header { max-width:840px; margin:0 0 32px; }
.ae-catalog-header h1 { margin:12px 0 18px; color:var(--text); font-size:clamp(32px,4vw,48px); line-height:1.15; letter-spacing:-.035em; }
.ae-catalog-header > p { font-size:18px; line-height:1.7; color:var(--muted); }
.ae-catalog-controls { margin-top:28px; }
.ae-catalog-controls label { display:block; font-size:13px; font-weight:600; margin-bottom:10px; }
.ae-search-row { display:flex; gap:12px; }
.ae-search-row input { width:100%; min-width:0; padding:14px 16px; background:var(--surface); border:1px solid var(--line); color:var(--text); font:inherit; border-radius:10px; }
.ae-catalog-controls button { background:var(--surface); color:var(--text); border:1px solid var(--line); border-radius:8px; min-height:44px; padding:10px 14px; cursor:pointer; font:inherit; font-size:13px; }
.ae-catalog-controls .catalog-filters { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.ae-catalog-controls button[aria-pressed="true"] { background:var(--action-bg,#4168d8); color:#fff; border-color:var(--action-bg); }
.ae-catalog-controls [data-article-count] { color:var(--muted); font-size:13px; margin:16px 0 0; }
.ae-catalog-controls [data-article-empty] { padding:24px 0; }
.ae-catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body .ae-card { display:flex; flex-direction:column; margin:0; padding:0; border:1px solid var(--soft-line); border-radius:12px; background:var(--surface); text-decoration:none; min-width:0; color:var(--text); overflow:hidden; }
.ae-card-media { width:100%; margin:0; aspect-ratio:16/9; overflow:hidden; }
.ae-card-media img { display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:16/9; }
.ae-card-body { display:flex; flex-direction:column; flex:1; padding:20px; }
body .ae-card h2 { font-size:21px; line-height:1.35; color:var(--text); letter-spacing:-.015em; margin:10px 0 12px; }
body .ae-card p { color:var(--muted); font-size:15px; line-height:1.6; margin:0 0 24px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.ae-card-footer { margin-top:auto; padding-top:14px; border-top:1px solid var(--soft-line); display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; font-size:12px; line-height:1.6; color:var(--muted); }
.ae-card-footer > span:last-child { color:var(--mint); font-weight:600; }
.ae-card > .ux-card-icon,.ae-card::before,.ae-card::after { display:none; }
body[data-article-experience] .ae-related .ae-card h2 { font-size:17px; margin-top:10px; }
body[data-article-experience] .ae-related .ae-card p { font-size:14px; line-height:1.6; }
.ae-related .ae-card-body { padding:16px; }
.ae-next { display:flex; flex-wrap:wrap; gap:12px 20px; padding:24px 0; font-size:14px; }
.ae-main .article-contents { display:none; }
[data-article-experience] :focus-visible { outline:3px solid var(--mint,#a5baff); outline-offset:4px; }
[data-article-experience] [hidden] { display:none !important; }
[data-article-experience] h2[id],[data-article-experience] h3[id] { scroll-margin-top:100px; }
@media (max-width:1050px) { .ae-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) {
 body[data-article-experience] .ae-main { width:calc(100% - 32px); padding-top:24px; }
 .ae-catalog { width:calc(100% - 32px); padding-top:28px; }
 .ae-catalog-grid,.ae-related-grid { grid-template-columns:1fr; gap:22px; }
 body[data-article-experience] .ae-main p,body[data-article-experience] .ae-main li { font-size:17px; line-height:1.72; }
 body[data-article-experience] .ae-header .ae-deck { font-size:18px; }
 .ae-byline { gap:8px 16px; }
 .ae-breadcrumbs { margin-bottom:24px; }
 .ae-takeaways,.ae-evidence { padding:18px; }
 body[data-article-experience] .ae-takeaways li { font-size:16px; }
 .ae-offer-image { width:100%; float:none; margin:0 0 18px; }
 .ae-market dl { grid-template-columns:1fr; }
 .ae-market dl > div { padding:10px 0; border-bottom:1px solid var(--soft-line); }
 .ae-research-bars dd { grid-template-columns:1fr 115px; gap:10px; }
 body[data-article-experience] .ae-related .ae-card h2 { font-size:21px; }
 .ae-next a { padding:8px 0; }
}
@media (prefers-reduced-motion:no-preference) { .ae-card { transition:border-color 160ms ease; } .ae-card:hover { border-color:var(--mint); } }

/* /site-shell.css */

/* Live Intelligence shares the site's theme and navigation. */
.intelligence-detail{max-width:1000px;margin:0 auto;padding:32px 28px 72px;font:16px/1.7 var(--sans,Inter,system-ui,sans-serif)}
.intelligence-detail h1{max-width:840px;font-size:clamp(32px,4.3vw,52px);line-height:1.13;letter-spacing:-.035em;margin:14px 0 20px;text-wrap:balance}
.intelligence-detail h2{font-size:25px;line-height:1.3;margin:0 0 16px;letter-spacing:-.02em}
.intelligence-detail h3{font-size:19px;line-height:1.4;margin:0 0 12px}
.intelligence-detail p{margin:0 0 15px;max-width:78ch}
.intelligence-detail a,.intelligence-detail code,.intel-card{overflow-wrap:anywhere}
.intel-breadcrumb{display:flex;gap:12px;font-size:13px;color:var(--muted);margin:0 0 36px}
.intel-hero{padding:16px 0 30px;border-bottom:1px solid var(--line,#2f3541)}
.intel-hero .eyebrow{font-size:11px;letter-spacing:.12em}
.intel-takeaway{font-size:clamp(18px,2.2vw,22px);line-height:1.55;color:var(--muted)}
.intel-identity,.intel-card-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0 12px}
.intel-severity{display:inline-flex;border:1px solid currentColor;border-radius:100px;padding:3px 10px;font:600 12px/1.5 var(--sans,system-ui);text-transform:capitalize;color:#e7bd70}
.intel-severity[data-severity=high]{color:#ffa376}.intel-severity[data-severity=critical]{color:#ff929e}
.intel-address{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}
.intel-address code{min-width:0;font:12px/1.6 var(--mono,ui-monospace,monospace)}.intel-address button{flex-shrink:0;min-height:44px;padding:8px 14px;color:var(--text);background:transparent;border:1px solid var(--line,#2f3541);border-radius:8px;cursor:pointer}
.intel-timestamps{display:flex;gap:6px 22px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:14px}
.intel-dated{font-size:13px;color:var(--muted);margin-top:16px!important}
.intel-section{padding:34px 0;border-bottom:1px solid var(--line,#2f3541)}
.intel-comparison{margin:22px 0}.intel-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.intel-comparison-grid>div{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line,#2f3541);border-radius:12px;min-width:0}
.intel-comparison-grid .intel-after{border-color:var(--mint,#6890e6);background:color-mix(in srgb,var(--mint,#6890e6) 5%,transparent)}
.intel-comparison strong{font-size:23px;line-height:1.35;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.intel-comparison time,.intel-label{font-size:12px;color:var(--muted)}.intel-label{text-transform:uppercase;letter-spacing:.1em}
.intel-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.intel-signals>div{padding:18px;border:1px solid var(--line,#2f3541);border-radius:10px}
.intel-signals dt{font-size:13px;color:var(--muted)}.intel-signals dd{font-size:23px;margin:8px 0;font-weight:650}.intel-signals small{font-size:11px;color:var(--muted)}
.intel-limits{border-left:3px solid #d8b16a;background:color-mix(in srgb,#d8b16a 5%,transparent);padding:22px 24px;margin:32px 0}
.intel-limits h2{font-size:18px}.intel-limits p:last-child{margin-bottom:0}
.intel-evidence{list-style:none;padding:0;margin:24px 0;display:grid;gap:0}.intel-evidence li{padding:16px 0;border-top:1px solid var(--line,#2f3541);overflow-wrap:anywhere}
.intel-evidence li>div{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;font-size:13px}.intel-evidence p{font-size:14px;margin:7px 0 2px}.intel-evidence small,.intel-evidence time{font-size:11px;color:var(--muted)}
.intel-technical{font-size:13px;padding:16px 0}.intel-technical summary{cursor:pointer;min-height:44px}.intel-next{padding:30px;border:1px solid var(--line,#2f3541);border-radius:14px;margin:32px 0;background:color-mix(in srgb,var(--mint,#6890e6) 4%,transparent)}
.intel-next .button{font-size:15px;min-height:48px;margin:10px 0}.intel-note{font-size:13px;color:var(--muted)}
.intel-text-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:16px 0;font-size:14px}.intel-text-links a{padding:8px 0}.intel-discover{display:inline-block;margin:24px 0;font-size:15px}
.intelligence-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}
.intel-card{border:1px solid var(--line,#2f3541);border-radius:12px;padding:24px;min-width:0;display:flex;flex-direction:column;transition:border-color .15s}
.intel-card:hover,.intel-card:focus-within{border-color:var(--mint,#6890e6)}.intel-card .intel-card-meta{margin:0 0 18px;font-size:12px;color:var(--muted)}
.intel-card h3{font-size:22px;line-height:1.3;margin:0 0 12px;letter-spacing:-.02em}.intel-card h3 a{color:var(--text);text-decoration:none}.intel-card h3 a:hover{text-decoration:underline}
.intel-card p{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 22px}.intel-card-footer{display:flex;gap:8px 16px;justify-content:space-between;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:auto}
.intel-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.intel-section-heading>span{color:var(--muted);font-size:12px}
.intel-filters{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}.intel-filters label{flex:1;min-width:180px;font-size:13px;color:var(--muted)}.intel-filters input,.intel-filters select{display:block;width:100%;min-height:46px;background:var(--bg,#090a0e);color:var(--text);border:1px solid var(--line,#2f3541);border-radius:8px;padding:10px;font:inherit;margin-top:6px}.intel-filters p{width:100%;font-size:12px}
.intel-card[hidden]{display:none}.intelligence-detail :focus-visible{outline:2px solid var(--mint,#6890e6);outline-offset:4px}
[data-theme=light] .intel-severity{color:#78500b}[data-theme=light] .intel-severity[data-severity=high]{color:#943907}[data-theme=light] .intel-severity[data-severity=critical]{color:#ad1931}
@media(max-width:600px){.intelligence-detail{padding:22px 20px 48px;font-size:16px}.intel-breadcrumb{margin-bottom:20px}.intel-hero{padding-top:8px}.intel-section{padding:28px 0}.intel-comparison-grid{gap:8px}.intel-comparison-grid>div{padding:15px 12px}.intel-comparison strong{font-size:20px}.intel-comparison time{font-size:10px}.intel-signals{grid-template-columns:1fr}.intel-next{padding:22px}.intel-card{padding:22px}.intel-timestamps{display:grid;gap:6px}.intel-section-heading{align-items:flex-start}.intel-section-heading>span{white-space:nowrap}.intel-identity{gap:8px}.intel-identity>strong{width:100%}}

/* Stage 13-14 global navigation, menu and search shell. */
.site-global-actions{display:flex;align-items:center;gap:7px;margin-left:auto;min-width:0;position:relative;z-index:30}
.site-shell-button,.site-global-actions .theme-toggle{display:inline-flex;margin-left:0!important;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line,#2f3541);border-radius:8px;background:transparent;color:var(--text,#edf0f5);font:700 12px/1.1 var(--sans,Inter,system-ui,sans-serif);padding:9px 11px;white-space:nowrap;cursor:pointer}
.site-shell-button:hover,.site-global-actions .theme-toggle:hover{border-color:var(--mint,#6890e6);color:var(--mint,#6890e6)}
.site-shell-button:focus-visible,.site-global-actions .theme-toggle:focus-visible{outline:2px solid var(--mint,#6890e6);outline-offset:3px}
.site-global-bar{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:14px;min-height:64px;padding:10px max(20px,calc((100vw - 1080px)/2));background:#090a0ef2;border-bottom:1px solid #262b36;backdrop-filter:blur(18px)}
.site-global-brand{color:var(--text,#edf0f5);font-size:20px;font-weight:850;letter-spacing:-.04em;text-decoration:none}
.site-menu-dialog,.site-search-dialog{width:min(760px,calc(100vw - 32px));max-height:min(84vh,760px);padding:0;border:1px solid #303643;border-radius:16px;background:#0d1015;color:#edf0f5;box-shadow:0 28px 90px rgba(0,0,0,.48);overflow:auto}
.site-search-dialog{width:min(720px,calc(100vw - 32px))}
.site-menu-dialog::backdrop,.site-search-dialog::backdrop{background:rgba(3,5,8,.72);backdrop-filter:blur(4px)}
.site-dialog-shell{padding:22px}
.site-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid #292f3a}
.site-dialog-header h2{margin:0;font-size:24px;letter-spacing:-.03em}
.site-dialog-close{min-height:44px;border:1px solid #39404e;border-radius:8px;background:transparent;color:#dce0e8;padding:8px 11px;cursor:pointer}
.site-dialog-close:hover,.site-dialog-close:focus-visible{border-color:#6890e6;color:#6890e6}
.site-dialog-search-call{width:100%;min-height:46px;margin:16px 0 4px;border:1px solid #363f51;border-radius:10px;background:#10131a;color:#eef1f7;text-align:left;padding:11px 13px;font-weight:750;cursor:pointer}
.site-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.site-menu-group{border:1px solid #292e3a;border-radius:12px;background:#101218;padding:15px;min-width:0}
.site-menu-group h3{margin:0 0 9px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9ba2b2}
.site-menu-group nav{display:grid;gap:3px}
.site-menu-group a{display:flex;align-items:center;min-height:40px;border-radius:7px;padding:8px 9px;color:#dce0e8;text-decoration:none;font-size:13px;font-weight:650}
.site-menu-group a:hover,.site-menu-group a:focus-visible,.site-menu-group a[aria-current="page"]{background:#191d26;color:#83a5ec}
.site-search-label{display:block;margin-top:18px;font-size:13px;font-weight:750;color:#dce0e8}
.site-search-input{width:100%;min-height:50px;margin-top:8px;border:1px solid #3a4151;border-radius:10px;background:#080b10;color:#f0f2f7;padding:11px 14px;font:15px/1.4 var(--sans,Inter,system-ui,sans-serif)}
.site-search-input::placeholder{color:#7f8798}
.site-search-input:focus-visible{outline:2px solid #6890e6;outline-offset:3px}
.site-search-status{margin:12px 0 6px;color:#9198a8;font-size:11px}
.site-search-results{display:grid;gap:6px}
.site-search-result{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:center;min-height:50px;border:1px solid #292e3a;border-radius:9px;background:#101218;padding:10px 12px;color:#e9ecf3;text-decoration:none}
.site-search-result:hover,.site-search-result:focus-visible{border-color:#4a5670;background:#141820}
.site-search-result-type{font:700 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#83a5ec}
.site-search-result strong{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.site-search-empty{padding:18px 4px;color:#989fae}
.article-meta{display:flex;gap:8px 16px;flex-wrap:wrap;align-items:center;margin:16px 0 22px;color:var(--muted,#9ca2af);font-size:12px;line-height:1.5}
.article-meta span+span:before{content:"·";margin-right:16px;color:var(--mint,#6890e6)}
@media(min-width:961px){
  .main-nav:not(.docs-top-nav),.topbar .nav,.evidence-nav,.research-nav{display:flex!important}
}
@media(max-width:960px){
  .main-nav:not(.docs-top-nav),.topbar .nav,.evidence-nav,.research-nav{display:none!important}
  .nav-wrap>.nav-cta{display:none!important}
}
@media(max-width:720px){
  .site-menu-grid{grid-template-columns:1fr}
  .site-dialog-shell{padding:16px}
  .site-search-result{grid-template-columns:1fr;gap:3px}
}
@media(max-width:430px){
  .site-global-actions{gap:5px}
  .site-shell-button,.site-global-actions .theme-toggle{padding:8px 9px;font-size:10px}
  .site-menu-dialog,.site-search-dialog{width:calc(100vw - 20px)}
  .article-meta{display:grid;gap:4px}
  .article-meta span+span:before{content:none}
}
html[data-theme="light"] .site-global-bar{background:#f5f6f8f2;border-color:#d5d8e0}
html[data-theme="light"] .site-global-brand{color:#111318}
html[data-theme="light"] .site-shell-button,
html[data-theme="light"] .site-global-actions .theme-toggle{border-color:#9da4b3;color:#252a36;background:#fff}
html[data-theme="light"] .site-menu-dialog,
html[data-theme="light"] .site-search-dialog{background:#f8f9fb;color:#111318;border-color:#b8bdc9;box-shadow:0 28px 90px rgba(38,45,59,.22)}
html[data-theme="light"] .site-menu-dialog::backdrop,
html[data-theme="light"] .site-search-dialog::backdrop{background:rgba(18,21,29,.45)}
html[data-theme="light"] .site-dialog-header{border-color:#d5d9e1}
html[data-theme="light"] .site-dialog-close{background:#fff;color:#252a36;border-color:#9da4b3}
html[data-theme="light"] .site-dialog-search-call,
html[data-theme="light"] .site-menu-group,
html[data-theme="light"] .site-search-result{background:#fff;color:#111318;border-color:#c7ccd5}
html[data-theme="light"] .site-menu-group h3,
html[data-theme="light"] .site-search-status{color:#515765}
html[data-theme="light"] .site-menu-group a{color:#252a36}
html[data-theme="light"] .site-menu-group a:hover,
html[data-theme="light"] .site-menu-group a:focus-visible,
html[data-theme="light"] .site-menu-group a[aria-current="page"]{background:#e8ebf2;color:#0d2355}
html[data-theme="light"] .site-search-label{color:#252a36}
html[data-theme="light"] .site-search-input{background:#fff;color:#111318;border-color:#9da4b3}
html[data-theme="light"] .site-search-input::placeholder{color:#5e6676}
html[data-theme="light"] .site-search-result-type{color:#102e72}

/* UX stage 3: shared visual primitives, keeping page content and behavior intact. */
:root{
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --bg:#090a0e;--surface:#101217;--surface2:#13161d;
  --panel:var(--surface);--panel-2:var(--surface2);
  --text:#eff1f5;--muted:#b3b8c3;--mint:#9cb4e8;--mint-soft:#9cb4e8;
  --line:#333945;--soft-line:#252a34;
  --pass:#9cb4e8;--warn:#efc078;--block:#f19d98;
  --amber:var(--warn);--red:var(--block);
  --action-bg:#9cb4e8;--action-text:#0b0e15;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
  --space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;
  --radius-control:8px;--radius-surface:12px;--reading-width:72ch;
  --type-small:.8125rem;--type-body:1rem;--type-card:1.25rem;
  --type-section:clamp(1.5rem,2.5vw,2rem);
  --type-title:clamp(2rem,4vw,3rem);
  font-family:var(--sans);
}
html[data-theme="light"]{
  --bg:#f5f6f8;--surface:#fff;--surface2:#edeff3;
  --text:#111318;--muted:#414754;--mint:#102e72;--mint-soft:#0d2355;
  --line:#b8bdc9;--soft-line:#dcdfe5;
  --pass:#0d2355;--warn:#6b4700;--block:#9b2c22;
  --amber:var(--warn);--red:var(--block);
  --action-bg:#051a48;--action-text:#fff;
}
html body{font-family:var(--sans);font-size:var(--type-body);line-height:1.65;background:var(--bg);color:var(--text)}
html body :is(h1,h2,h3){font-family:var(--sans);text-wrap:balance;letter-spacing:-.025em}
html body :is(.hero h1,.catalog-hero h1,.evidence-catalog h1,.legal-hero h1,.docs-hero h1,.intelligence-detail h1){font-size:var(--type-title);line-height:1.15;font-weight:650;max-width:28ch}
html body .hero.container h1{font-size:clamp(2.25rem,4.6vw,4rem);max-width:20ch;line-height:1.1}
html body :is(.section-heading h2,.section h2,.docs-section h2,.legal-section h2,.intelligence-detail h2,.closing h2){font-size:var(--type-section);line-height:1.3;font-weight:600}
html body :is(.guide-card h2,.intel-card h3,.feature h3,.card h3){font-size:var(--type-card);line-height:1.35;font-weight:600}
html body :is(.article,.legal-section,.research-shell .section,.intelligence-detail,.docs-section) :is(p,li){max-width:var(--reading-width);font-size:var(--type-body);line-height:1.75}
html body :is(.hero-lead,.lead,.catalog-intro,.legal-hero p,.research-shell .hero>p){max-width:var(--reading-width);font-size:1.125rem;line-height:1.65}
html body :is(.feature p,.section-heading>p,.developer-copy>p,.faq-list details p,.scan-notes p,.scanner-disclaimer,.price-note,.decision-summary,.warning-list){font-size:.9375rem;line-height:1.7}
html body :is(.field-help,.status,.result-meta,.score-caveat,.source-status,.free-vs-full p,.trust-alert p,.trust-details summary,.provider-status-list span,.evidence-list span){font-size:var(--type-small);line-height:1.6}
html body :is(.eyebrow,.micro,.subtle-label,.feature-caption,.legal-meta,.legal-links a,.footer-bottom,.code-footer){font-size:.75rem;line-height:1.6}
html body :is(.trust-overview span,.raw-metrics span,.source-status>span,.source-status code,.provider-status-list code){font-size:.75rem;line-height:1.5}
html body :is(.trust-overview strong,.raw-metrics strong,.result-metrics strong,.provider-status-list strong,.free-vs-full strong){font-size:.875rem;line-height:1.5}
html body :is(.hero,.catalog-hero){padding-block:var(--space-7) var(--space-6)}
html body .hero.container{padding-block:var(--space-8)}
html body :is(.scanner-section,.approach-section,.reports-section,.resources-section,.developer-section,.faq-section){padding-block:var(--space-8)}
html body :is(.section,.legal-section,.intel-section){padding-block:var(--space-6)}
html body :is(.section-heading,.hero-actions){gap:var(--space-5)}
html body :is(.guide-grid,.intelligence-list,.pricing-grid){gap:var(--space-5)}
html body :is(.card,.guide-card,.related-card,.evidence-card,.intel-card,.price-card,.answer,.intel-next,.sample-report){border-radius:var(--radius-surface);border-color:var(--line);background:var(--surface);padding:var(--space-5);box-shadow:none}
html body :is(.guide-card,.related-card){min-height:0}
html body :is(.scanner-shell,.code-window,.compare-table){border-radius:var(--radius-surface);border-color:var(--line)}
html body :is(.trust-overview>div,.raw-metrics>div,.source-status,.provider-status-list>div,.evidence-groups section,.free-vs-full>div){background:var(--surface);border-color:var(--line)}
html body :is(.button,.nav-cta,.example-button,.evidence-copy,.evidence-filter,.chip,.site-shell-button,.theme-toggle,.intel-address button){min-height:44px;border-radius:var(--radius-control);font-family:var(--sans);font-size:.875rem;font-weight:600;line-height:1.4;padding:10px 14px}
html body .button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center}
html body .button.primary{background:var(--action-bg);color:var(--action-text);border-color:var(--action-bg)}
html body .button.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}
html body :is(.evidence-search,.guide-search,.site-search-input,.intel-filters input,.intel-filters select){font:1rem/1.5 var(--sans);border-radius:var(--radius-control);background:var(--surface);color:var(--text);border-color:var(--line)}
html body [data-evidence-decision="pass"] .evidence-decision{color:var(--pass)}
html body [data-evidence-decision="warn"] .evidence-decision{color:var(--warn)}
html body [data-evidence-decision="block"] .evidence-decision{color:var(--block)}
html body .site-brand{display:inline-flex;align-items:center;flex-shrink:0;gap:var(--space-2);min-height:44px;font:650 24px/1 var(--sans);letter-spacing:-.04em;color:var(--text);text-decoration:none}
.site-brand-mark{display:block;flex-shrink:0;width:32px;height:32px}
.site-brand-wordmark{color:inherit}
html body :is(.site-header,.topbar,.evidence-detail .top,.site-global-bar){background:var(--bg);border-bottom-color:var(--line)}
html body :is(.site-shell-button,.site-global-actions .theme-toggle){font-size:var(--type-small);padding-inline:12px}
html body :is(.main-nav,.nav-wrap){gap:var(--space-5)}
html body :is(.main-nav a,.nav a){font-family:var(--sans);font-weight:500}
html body :is(input,textarea){caret-color:var(--mint)}
html body :is(a,button,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--mint);outline-offset:3px}
::selection{background:var(--mint);color:var(--bg)}
html{scrollbar-color:var(--line) var(--bg)}
@media(max-width:600px){
  html body :is(.hero,.catalog-hero,.hero.container){padding-block:var(--space-6)}
  html body :is(.scanner-section,.approach-section,.reports-section,.resources-section,.developer-section,.faq-section){padding-block:var(--space-7)}
  html body :is(.card,.guide-card,.related-card,.evidence-card,.intel-card,.price-card,.answer,.intel-next,.sample-report){padding:var(--space-4)}
  html body :is(.section,.legal-section,.intel-section){padding-block:var(--space-5)}
  html body .trust-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .hero-actions{flex-wrap:wrap;gap:var(--space-3)}
  html body .site-brand{font-size:21px;gap:6px}
  html body .nav-wrap{gap:var(--space-3)}
  .site-brand-mark{width:28px;height:28px}
  html body :is(.site-shell-button,.site-global-actions .theme-toggle){padding-inline:8px;font-size:12px}
}


/* UX stage 4: one shared header/footer; original CTA and tracking nodes retained. */
html body .site-unified-header{position:relative;z-index:40;background:var(--bg);border-bottom:1px solid var(--line)}
html body .site-unified-row{max-width:1240px;margin:auto;padding:16px 24px;display:flex;align-items:center;gap:24px;min-height:80px}
html body .site-unified-row>nav{display:flex!important;align-items:center;gap:12px}
html body .site-unified-row>nav a{display:flex;align-items:center;min-height:44px;font:500 14px/1.4 var(--sans);color:var(--muted);text-decoration:none}
html body .site-unified-row>nav a[aria-current=page]{color:var(--mint);text-decoration:underline;text-underline-offset:6px}
html body .site-unified-row>.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);color:var(--text);border:1px solid var(--line);text-decoration:none;white-space:nowrap}
html body .site-theme-icon{width:44px;height:44px;padding:10px;flex-shrink:0}
.site-theme-icon svg{display:block;width:20px;height:20px}
html body .site-unified-footer{max-width:1240px;margin:48px auto 0;padding:40px 24px 24px;border-top:1px solid var(--line);font:14px/1.6 var(--sans);color:var(--muted)}
.site-footer-intro{display:flex;align-items:center;gap:24px;margin-bottom:24px;flex-wrap:wrap}
.site-footer-intro p{margin:0}
.site-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
html body .site-footer-group h2{font-size:14px;font-weight:650;color:var(--text);margin:0 0 12px;letter-spacing:0}
.site-footer-group nav{display:grid;gap:0;align-content:start}
html body .site-footer-group a{display:flex;align-items:center;min-height:44px;gap:8px;color:var(--muted);font:14px/1.5 var(--sans);text-decoration:none;overflow-wrap:anywhere;width:fit-content;max-width:100%;padding-block:8px}
html body .site-footer-group a:hover{color:var(--mint);text-decoration:underline}
.site-footer-group svg{width:16px;height:16px}
.site-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.site-footer-note{max-width:80ch;margin:0;font-size:12px}
html body .site-unified-footer .directory-badge{display:flex;align-items:center;min-height:44px;margin:0;flex-shrink:0}
.site-unified-footer .directory-badge img{display:block;width:120px;height:auto}
@media(prefers-reduced-motion:no-preference){
  html.site-theme-transition body,html.site-theme-transition :is(.site-unified-header,.site-unified-footer,.site-nav-panel,.site-shell-button,.nav-cta){transition:background-color .18s ease,color .18s ease,border-color .18s ease}
}
@media(max-width:1100px){html body .site-unified-row>nav{display:none!important}.site-unified-row{flex-wrap:wrap}}
@media(max-width:600px){
  html body .site-unified-row{gap:8px;padding:12px 16px;flex-wrap:wrap}
  html body .site-unified-row>.nav-cta{margin-left:auto}
  html body .site-unified-footer{padding-inline:20px;margin-top:32px}
  .site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .site-footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}
}

/* UX stage 5: a single disclosure navigation, shared by desktop and mobile. */
html body .site-unified-row>.site-navigation{display:flex!important;gap:4px;align-items:center}
.site-nav-group{position:relative;min-width:0}
html body .site-nav-trigger{display:list-item;list-style:disclosure-closed inside;min-height:44px;padding:12px 10px;border-radius:8px;color:var(--text);font:500 14px/20px var(--sans);cursor:pointer;white-space:nowrap}
.site-nav-group[open]>.site-nav-trigger{list-style-type:disclosure-open;background:var(--surface2)}
html body .site-nav-trigger[data-current]{color:var(--mint);text-decoration:underline;text-underline-offset:6px}
html body .site-nav-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;max-width:min(320px,calc(100vw - 32px));padding:8px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #0002;z-index:45}
html body .site-nav-panel a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.5;color:var(--text);text-decoration:none;white-space:normal}
html body .site-nav-panel a:hover,html body .site-nav-panel a[aria-current]{background:var(--surface2);color:var(--mint)}
html body .site-mobile-menu{display:none}
.site-nav-group:last-child .site-nav-panel{left:auto;right:0}
@media(max-width:1100px){
  html body .site-unified-row{flex-wrap:wrap;gap:12px}
  html body .site-unified-row>.site-navigation{display:none!important;order:4;flex-basis:100%;width:100%;border-top:1px solid var(--line);padding-top:12px;max-height:65vh;overflow-y:auto}
  html body .site-navigation-open .site-unified-row>.site-navigation{display:block!important}
  html body .site-mobile-menu{display:inline-flex}
  html body .site-nav-trigger{padding:12px;font-size:16px}
  html body .site-nav-panel{position:static;min-width:0;max-width:none;margin:4px 0 12px;box-shadow:none}
  html body .site-nav-panel a{font-size:15px}
}
@media(max-width:600px){
  html body .site-unified-row{gap:8px}
  html body .site-unified-row>.nav-cta{order:3;width:100%;min-height:44px}
  html body .site-global-actions{gap:4px}
  html body .site-unified-row .site-brand{font-size:20px}
}

/* CRO/readability: WCAG-conducive contrast tokens, shared across public pages. */
:root{
 --bg:#0b171c;--surface:#181d2c;--surface2:#1f2638;--panel:var(--surface);--panel-2:var(--surface2);
 --text:#f2f3f7;--muted:#b9bfd0;--mint:#9cb4ea;--mint-soft:#9cb4ea;
 --line:#424b63;--soft-line:#343c52;--pass:#9cb4ea;--warn:#ffcf88;--block:#ffaaaa;
 --amber:var(--warn);--red:var(--block);--action-bg:#9cb4ea;--action-text:#0b1223;
}
html[data-theme="light"]{
 --bg:#f4f5f7;--surface:#fff;--surface2:#e9ebf1;--panel:var(--surface);--panel-2:var(--surface2);
 --text:#141927;--muted:#4c5366;--mint:#0c2867;--mint-soft:#0c2867;
 --line:#b0b6c6;--soft-line:#d3d6df;--pass:#0c2867;--warn:#7c5200;--block:#9f221e;
 --amber:var(--warn);--red:var(--block);--action-bg:#0d2355;--action-text:#fff;
}
html body :is(.site-search-result-type,.eyebrow,.micro,.feature-caption){letter-spacing:.035em}
html body :is(.guide-card p,.intel-card p,.feature p,.price-note,.faq-list p,.article p,.research-shell p){line-height:1.75}
html body :is(.guide-card small,.feature-caption,.article-meta,.legal-meta,.price-note,.site-search-result-type){color:var(--muted)}
html body :is(.guide-card a,.article a,.site-search-result a):focus-visible{outline:3px solid var(--mint);outline-offset:4px}
html body .site-nav-panel{background:var(--surface);border-color:var(--line)}
html body .site-nav-trigger{color:var(--text)}
html body :is(.site-global-actions button,.site-shell-button,.site-nav-trigger){min-height:44px}


/* OCT 2026 — Editorial conversion system. Solid surfaces, no decorative glows.
   Token risk verdicts continue to use --pass / --warn / --block independently. */
:root{
  color-scheme:dark;
  --bg:#0c131c;--surface:#172230;--surface2:#202e3d;
  --text:#f3f7fd;--muted:#c3cedb;--mint:#a4caff;
  --line:#46576a;--soft-line:#344457;
  --pass:#a3b8e4;--warn:#ffd191;--block:#ffb0b5;
  --amber:var(--warn);--red:var(--block);
  --action-bg:#b6d5ff;--action-text:#0b1b30;
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f3f6fa;--surface:#fff;--surface2:#e8eff7;
  --text:#14253b;--muted:#40556b;--mint:#17549b;
  --line:#b4c3d3;--soft-line:#d3dfe9;
  --pass:#183166;--warn:#815000;--block:#a52936;
  --amber:var(--warn);--red:var(--block);
  --action-bg:#174f93;--action-text:#fff;
}
html body{background:var(--bg);color:var(--text);font-size:16px;line-height:1.68}
html body .site-header{background:var(--bg);border-color:var(--soft-line)}
html body :is(.eyebrow,.micro,.feature-caption){letter-spacing:.075em}
html body :is(.eyebrow,.micro,.source-heading,.source-item div>span){line-height:1.55}
html body :is(.site-unified-row .nav-cta,.site-nav-trigger){font-weight:600}
html body :is(.primary,.button.primary,a.button.primary){background:var(--action-bg)!important;color:var(--action-text)!important;border:1px solid transparent!important;box-shadow:none}
html body :is(.primary,.button.primary,a.button.primary):hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:none}
html body :is(.primary,.button.primary,a.button.primary):active{filter:brightness(.97);transform:translateY(0)}
html body :is(a,button,input,summary,textarea,select):focus-visible{outline:3px solid var(--mint);outline-offset:3px}
html body :is(.button,.nav-cta,.site-search-trigger){border-radius:8px}
html body :is(.price-card,.feature,.hero-explore a,.proof-links a){box-shadow:none}
html body :is(.guide-card p,.article p,.research-shell p,.feature p,.price-note,.faq-list p){color:var(--muted);line-height:1.75}
html[data-theme="light"] body :is(.guide-card,.article,.research-shell,.legal-page,.intent-copy) :is(p,li,blockquote){color:var(--muted)}
html body .site-nav-panel{background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 22px #0002}
html body :is(.site-nav-panel a:hover,.site-search-result:hover){background:var(--surface2)}
@media(prefers-reduced-motion:reduce){
 html,html body{scroll-behavior:auto!important}
 html body *,html body *::before,html body *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* Intent pages share the same readable surface tokens in both themes. */
html[data-theme="light"] body .button.primary,
html[data-theme="light"] body a.button.primary,
html[data-theme="light"] body .primary{background:var(--action-bg)!important;color:var(--action-text)!important}
html:not([data-theme="light"]) body .button.primary,
html:not([data-theme="light"]) body a.button.primary{background:var(--action-bg)!important;color:var(--action-text)!important}
html body .intent-hero h1{font-size:clamp(2.5rem,5vw,4.4rem);font-weight:740;line-height:1.08;letter-spacing:-.043em;text-wrap:balance}
html body .intent-hero h1 span{color:var(--text)}
html body .intent-lead{font-size:1.075rem;line-height:1.7;color:var(--muted)}
html body .intent-copy :is(p,li){font-size:.965rem;line-height:1.8;color:var(--muted)}
html body :is(.intent-side,.intent-row,.related a,.compare-table){background:var(--surface);border-color:var(--line)}
html body :is(.intent-side p,.intent-row span,.related span,.compare-table td){color:var(--muted);font-size:.91rem;line-height:1.65}
html body :is(.intent-side h3,.intent-row strong,.related strong,.compare-table th){color:var(--text)}
html body :is(.intent-note){background:var(--surface2);color:var(--muted);border-color:var(--mint);border-radius:6px}
html body :is(.intent-code){background:var(--bg);color:var(--text);border-color:var(--line)}
html body .compare-table :is(th,td){border-color:var(--line)}
html body .intent-table{border-color:var(--line)}
html body .intent-hero,.article-hero,.guide-hero{max-width:100%}
html body .related a{transition:border-color .16s ease,background .16s ease}
html body .related a:hover{border-color:var(--mint);background:var(--surface2)}
@media(max-width:760px){html body .intent-hero h1{font-size:clamp(2.25rem,8.5vw,3.2rem);letter-spacing:-.035em}}

/* /ui-experience.css */
/* Jepeta Interface System / October 2026
   Editorial product language: graphite, cobalt, typographic hierarchy, no neon or glass.
   App-wide overlays are intentional; risk statuses retain clear text labels. */
:root {
  color-scheme:dark;
  --bg:#0e1420; --surface:#161f2e; --surface2:#1d293a;
  --panel:#161f2e; --panel-2:#1d293a;
  --text:#f3f6fc; --muted:#c3cedd;
  --mint:#a5baff; --mint-soft:#a5baff;
  --line:#435168; --soft-line:#303c50;
  --action-bg:#4168d8; --action-text:#ffffff;
  --pass:#9cc2ff; --warn:#ffd28b; --block:#ffadb1;
  --amber:var(--warn); --red:var(--block);
  --evidence-primary-bg:#4168d8; --evidence-primary-text:#ffffff;
  --ui-radius:12px; --ui-motion:190ms; --ui-ease:cubic-bezier(.2,.7,.2,1);
}
html[data-theme="light"] {
  color-scheme:light;
  --bg:#f6f7fa; --surface:#ffffff; --surface2:#edf1f7;
  --panel:#ffffff; --panel-2:#edf1f7;
  --text:#17233c; --muted:#44536a;
  --mint:#254da8; --mint-soft:#254da8;
  --line:#b6c5d8; --soft-line:#d4deea;
  --action-bg:#214cb7; --action-text:#ffffff;
  --pass:#194c9e; --warn:#805000; --block:#a12635;
  --amber:var(--warn); --red:var(--block);
  --evidence-primary-bg:#214cb7; --evidence-primary-text:#ffffff;
}
html {scroll-padding-top:96px}
html body {font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}
html body :is(h1,h2,h3,h4){color:var(--text);text-wrap:balance}
html body :is(h1,h2){letter-spacing:-.045em}
html body :is(.micro,.eyebrow,.mono,.feature-caption){letter-spacing:.04em}
html body :is(p,li){overflow-wrap:break-word}
html body :is(.hero-lead,.intent-lead,.guide-card p,.news-card p,.intel-card p,.article p,.research-shell p,.intent-copy p,.intent-copy li){
  color:var(--muted);line-height:1.76}
html body :is(.docs-body,.evidence-detail,.evidence-catalog,.guides-body){background:var(--bg);color:var(--text)}
html body .site-header,html body .topbar,html body .evidence-detail .top {
  background:var(--bg);border-color:var(--soft-line);backdrop-filter:none}
html body .site-unified-row {min-height:72px}
html body .site-nav-panel{border:1px solid var(--line);background:var(--surface);
  box-shadow:0 16px 34px #0002;border-radius:10px}
html body .site-nav-trigger{display:flex;align-items:center;gap:9px;border-radius:7px;min-height:44px;
  font-weight:620;transition:color var(--ui-motion),background var(--ui-motion)}
html body .site-nav-trigger::marker{content:""}
html body .site-nav-trigger::after{content:"";width:6px;height:6px;margin-left:auto;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);
  opacity:.8;transition:transform var(--ui-motion) var(--ui-ease)}
html body .site-nav-group[open]>.site-nav-trigger::after{transform:rotate(225deg)}
html body .site-nav-group[open]>.site-nav-trigger,html body .site-nav-panel a:hover{background:var(--surface2)}
html body :is(.site-nav-trigger,.site-nav-panel a)[data-current],
html body :is(.site-nav-trigger,.site-nav-panel a)[aria-current]{color:var(--mint)}
html body .site-shell-button{border-radius:8px;transition:background var(--ui-motion),border-color var(--ui-motion)}
html body .site-shell-button:hover{background:var(--surface2);border-color:var(--mint)}
html body .site-theme-icon svg{transition:transform 260ms var(--ui-ease)}
html body .site-theme-icon:hover svg{transform:rotate(15deg)}
html body .site-brand-mark{border-radius:9px}
html body a:is(.brand,.site-brand,.site-global-brand){color:var(--text)}
html body :is(.site-footer,.site-unified-footer){border-color:var(--soft-line);background:var(--bg)}
html body .source-strip,html body .approach-section,html body .reports-section{
  background:var(--bg);border-color:var(--soft-line)}
html body :is(.guide-card,.intel-card,.news-card,.research-card,.article-card,.hero-explore a,
  .price-card,.proof-links a,.related a,.intent-side,.intent-row,.evidence-detail .card,
  .evidence-detail .fact,.evidence-catalog .card){
  background:var(--surface);border-color:var(--line);box-shadow:none}
html body :is(.guide-card,.intel-card,.news-card,.research-card,.article-card,.hero-explore a,
  .proof-links a,.related a,.evidence-catalog .card){
  transition:transform 230ms var(--ui-ease),border-color 230ms var(--ui-ease),
  background 230ms var(--ui-ease);will-change:auto}
html body :is(.guide-card,.intel-card,.news-card,.research-card,.article-card,.hero-explore a,
  .proof-links a,.related a,.evidence-catalog .card):hover{
  transform:translateY(-2px);border-color:var(--mint);background:var(--surface2)}
html body :is(.guide-card,.intel-card,.news-card,.research-card,.article-card,.hero-explore a,
  .proof-links a,.related a,.evidence-catalog .card):active{transform:translateY(0)}
html body .hero{align-items:start;gap:clamp(22px,4vw,54px);padding-bottom:54px}
html body .hero h1{font-size:clamp(2.75rem,4.6vw,4.65rem);font-weight:760;line-height:1.075;
  letter-spacing:-.055em;text-wrap:balance}
html body .hero h1 span{color:var(--text)}
html body .hero-lead{max-width:63ch;font-size:1.06rem}
html body .hero-quick-scan{border:1px solid var(--line);background:var(--surface);border-radius:var(--ui-radius);
  box-shadow:none}
html body .hero-quick-row #hero-token-input,html body #token,.money-page-scan input{
  background:var(--bg);color:var(--text);border-color:var(--line);
  transition:border-color var(--ui-motion),box-shadow var(--ui-motion)}
html body #hero-token-input:focus,html body #token:focus,.money-page-scan input:focus{
  border-color:var(--mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 18%,transparent)}
html body :is(.hero-quick-help,.field-help,.hero-reassurance,.source-heading,.source-item div>span){
  color:var(--muted)}
html body .hero-evidence{border:1px solid var(--line);border-radius:var(--ui-radius);
  background:var(--surface);box-shadow:none}
html body .evidence-snapshot{border-color:var(--line);background:var(--bg)}
html body .evidence-verdict{color:var(--warn);border-color:var(--warn)}
html body .evidence-snapshot a{color:var(--mint)}
html body .proof-band{border-color:var(--soft-line)}
html body .scanner-shell{box-shadow:none;border-color:var(--line);border-radius:var(--ui-radius)}
html body .scanner-input{background:var(--surface)}
html body .scanner-output{position:relative;background:var(--surface2)}
html body .paid-offer-inline{background:var(--surface);border-color:var(--line);border-radius:var(--ui-radius)}
html body .free-vs-full>div{background:var(--surface2);border-color:var(--line)}
html body .result-quick-guidance{border-color:var(--result-color,var(--mint));
  background:var(--surface);color:var(--text)}
html body .price-card{background:var(--surface);border-color:var(--line);border-radius:var(--ui-radius)}
html body .price-card.evidence{border-color:var(--mint)}
html body :is(.primary,.button.primary,a.button.primary,.docs-body .button.primary,
  .evidence-detail .button.primary,.chip[aria-pressed="true"]){
  background:var(--action-bg)!important;color:var(--action-text)!important;
  border-color:transparent!important;box-shadow:none!important}
html body :is(.primary,.button.primary,a.button.primary):hover{filter:brightness(1.10);
  transform:translateY(-1px)}
html body :is(.primary,.button.primary,a.button.primary):active{transform:translateY(0);
  filter:brightness(.96)}
html body :is(.button,.primary,.secondary,.site-shell-button,summary,.guide-card,.chip){
  transition-duration:var(--ui-motion)}
html body :is(.secondary,.button.secondary){border-color:var(--line);color:var(--text);background:transparent}
html body :is(.secondary,.button.secondary):hover{border-color:var(--mint);background:var(--surface2)}
html body :is(.guide-search,.evidence-search,.docs-body input,.site-search-input){background:var(--surface);
  border-color:var(--line);color:var(--text)}
html body :is(.guide-search,.evidence-search,.docs-body input)::placeholder{color:var(--muted);opacity:1}
html body :is(.guide-card footer,.article-meta,.legal-meta,.price-note,
  .guide-count,.intel-timestamps,.evidence-detail .address){color:var(--muted)}
html body .guide-card{border-radius:11px;position:relative}
html body .guide-card h2{font-size:clamp(1.2rem,1.8vw,1.5rem)}
html body .docs-body{background:var(--bg)!important}
html body .docs-side-nav a[aria-current=true]{color:var(--mint);background:var(--surface2)}
html body .intent-hero h1{font-size:clamp(2.7rem,5.1vw,4.6rem);line-height:1.09;
  letter-spacing:-.05em}
html body .intent-copy p,html body .intent-copy li{color:var(--muted);font-size:.96rem}
html body .intent-code,html body .response-example pre,html body .code-window{
  background:var(--bg);color:var(--text);border-color:var(--line)}
html body :is(.intent-note,.docs-note){background:var(--surface2);border-color:var(--mint);
  color:var(--muted)}
html body :is(.evidence-detail .status,.decision[data-decision="PASS"]){color:var(--pass);
  border-color:var(--pass);background:color-mix(in srgb,var(--pass) 7%,var(--bg))}
html body :is(.decision[data-decision="WARN"]){color:var(--warn);
  border-color:var(--warn);background:color-mix(in srgb,var(--warn) 7%,var(--bg))}
html body :is(.decision[data-decision="BLOCK"]){color:var(--block);
  border-color:var(--block);background:color-mix(in srgb,var(--block) 7%,var(--bg))}
html body .evidence-detail{--evidence-primary-bg:var(--action-bg);--evidence-primary-text:var(--action-text)}
html body .evidence-detail .button.primary{background:var(--action-bg)!important;color:var(--action-text)!important}
html body .site-nav-panel a,html body .docs-side-nav a{transition:background 150ms,color 150ms}
html body :is(a,button,input,select,summary,textarea):focus-visible{
  outline:3px solid var(--mint);outline-offset:3px}
html body ::selection{background:color-mix(in srgb,var(--mint) 38%,transparent);color:var(--text)}
/* Functional outline icons with consistent stroke, no emoji or icon-font dependency. */
.ux-icon{width:19px;height:19px;display:inline-grid;place-items:center;flex:0 0 19px;
  color:var(--mint);vertical-align:middle}
.ux-icon>svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
  stroke-linejoin:round;fill:none;overflow:visible}
html body .site-nav-trigger>.ux-icon{margin-left:0;color:var(--muted)}
html body .site-nav-group[open]>.site-nav-trigger>.ux-icon{color:var(--mint)}
html body .site-shell-button>.ux-icon{margin-right:7px}
html body .ux-kicker-icon{display:inline-flex;vertical-align:middle;margin-right:8px}
html body .ux-kicker-icon .ux-icon{height:15px;width:15px;flex-basis:15px}
html body .ux-kicker-icon .ux-icon svg{width:15px;height:15px}
html body .ux-card-icon{position:absolute;right:18px;top:19px;border:1px solid var(--line);
  background:var(--surface2);display:grid;place-items:center;width:40px;height:40px;border-radius:8px}
html body .guide-card .ux-card-icon~small{display:block;padding-right:48px}
html body .ux-card-icon .ux-icon{color:var(--mint)}
html body .ux-inline-arrow{margin-left:auto;transition:transform var(--ui-motion) var(--ui-ease)}
html body a:hover>.ux-inline-arrow{transform:translate(2px,-2px)}
/* Status feedback: indeterminate only, no fabricated progress percentages. */
html body #output-panel[aria-busy="true"]{position:relative}
html body #output-panel[aria-busy="true"]::before{content:"";position:absolute;top:0;left:0;z-index:3;
  height:2px;width:100%;background:linear-gradient(90deg,transparent,var(--mint),transparent);
  background-size:45% 100%;background-repeat:no-repeat;animation:ux-indeterminate 1.5s linear infinite;
  pointer-events:none}
@keyframes ux-indeterminate{0%{background-position:-55% 0}100%{background-position:155% 0}}
/* Reveal is opt-in, non-blocking and transform-only. Content remains present without JS. */
html[data-ui-motion="on"] .ux-reveal:not(.ux-visible){opacity:.87;transform:translateY(9px)}
html[data-ui-motion="on"] .ux-reveal.ux-visible{opacity:1;transform:translateY(0)}
html[data-ui-motion="on"] .ux-reveal{transition:opacity 370ms var(--ui-ease),
  transform 370ms var(--ui-ease);transition-delay:var(--ux-delay,0ms)}
html body .site-nav-group[open]>.site-nav-panel{animation:ux-panel-in 190ms var(--ui-ease) both;
  transform-origin:top center}
@keyframes ux-panel-in{from{opacity:.7;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){
 html body .site-nav-group[open]>.site-nav-panel{animation:none}
 html body .hero{grid-template-columns:1fr}
 html body .hero-copy{max-width:850px}
 html body .hero-evidence{width:100%;max-width:850px}
}
@media(max-width:650px){
 html body .hero{gap:22px;padding-top:24px}
 html body .hero h1{font-size:clamp(2.25rem,9vw,3.2rem);line-height:1.1}
 html body .hero-lead{font-size:1rem}
 html body .hero-explore{grid-template-columns:1fr}
 html body .site-nav-trigger{font-size:1rem}
 html body .guide-card{min-height:0}
 html body #contextual-telegram{width:100%}
 html body .site-nav-panel{box-shadow:none}
 html body .ux-card-icon{top:15px;right:15px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 html body *,html body *::before,html body *::after{
  animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important;
  scroll-behavior:auto!important}
 html body .ux-reveal{opacity:1!important;transform:none!important}
 html body #output-panel[aria-busy="true"]::before{animation:none;background:var(--mint)}
}

/* Editorial composition: deliberate rules and whitespace instead of repetitive cards. */
html body .hero-explore{column-gap:25px;row-gap:6px}
html body .hero-explore a{position:relative;min-height:136px;gap:6px;
  padding:19px 58px 17px 0;border:0;border-top:1px solid var(--line);
  border-radius:0;background:transparent}
html body .hero-explore a:hover{background:transparent;border-top-color:var(--mint);
  transform:none}
html body .hero-explore a strong{font-size:1.05rem;letter-spacing:-.022em}
html body .hero-explore a small{color:var(--muted);font-size:.86rem;max-width:36ch}
html body .hero-explore a>.ux-card-icon{top:17px;right:1px}
html body .proof-links a{background:transparent;border:0;border-top:1px solid var(--line);
  border-radius:0;padding:18px 6px 18px 0}
html body .proof-links a:hover{background:transparent;border-top-color:var(--mint);
  transform:none}
html body .proof-links a strong{font-size:1rem}
html body .approach-section .feature-grid{gap:0}
html body .approach-section .feature{padding:26px 27px 18px;
  border:0;border-top:1px solid var(--line);min-width:0}
html body .approach-section .feature:first-child{padding-left:0}
html body .approach-section .feature:last-child{padding-right:0}
html body .approach-section .feature+.feature{border-left:1px solid var(--soft-line)}
html body :is(.intel-card,.research-card,.news-card,.article-card){position:relative}
html body :is(.intel-card,.research-card,.news-card,.article-card) .ux-card-icon{
  top:16px;right:16px;opacity:.95}
html body :is(.intel-card,.research-card,.news-card,.article-card) :is(h2,h3){
  padding-right:26px}
html body .site-nav-group[open]>.site-nav-trigger{box-shadow:inset 0 -2px var(--mint)}
html body .site-unified-row .nav-cta{border-color:var(--line);font-weight:700}
html body .site-unified-row .nav-cta:hover{border-color:var(--mint);background:var(--surface2)}
@media(max-width:820px){
 html body .approach-section .feature-grid{grid-template-columns:1fr}
 html body .approach-section .feature,
 html body .approach-section .feature:first-child,
 html body .approach-section .feature:last-child{padding:21px 0;
   border-left:0;border-top:1px solid var(--line)}
}
@media(max-width:650px){
 html body .hero-explore a{min-height:112px;padding-right:55px}
 html body .hero-explore{row-gap:1px}
}

/* Remove inherited sci-fi ornament and glass effects, keep data-driven score visualization. */
html body :is(.scanner-output,.closing,.docs-end,.commerce-grid article:last-child,
  .code-window,.site-menu-dialog,.site-search-dialog){
  background:var(--surface);border-color:var(--line);box-shadow:none;filter:none}
html body .scanner-output{background:var(--surface2);min-height:490px}
html body .code-window{background:var(--bg);border:1px solid var(--line)}
html body .code-top{background:var(--surface2)}
html body .empty-radar{width:66px;height:66px;border:1px solid var(--line);border-radius:12px;
  background:var(--surface);box-shadow:none;margin-bottom:24px}
html body .empty-radar>span{display:none}
html body .empty-radar .icon{width:25px;height:25px}
html body .loading-ring{width:48px;height:48px;box-shadow:none;border-color:var(--line);
  border-top-color:var(--mint)}
html body .score-dial{box-shadow:none}
html body .score-dial>div{background:var(--surface);color:var(--text)}
html body .site-menu-dialog,html body .site-search-dialog{box-shadow:0 18px 45px #0003;
  border-radius:12px;color:var(--text)}
html body .site-menu-dialog::backdrop,html body .site-search-dialog::backdrop{
  background:rgba(6,10,18,.75);backdrop-filter:none}
html[data-theme="light"] body,html[data-theme="light"] .docs-body,
html[data-theme="light"] .guide-body{background:var(--bg)!important}
html body .checklist li:before{box-shadow:none}
html body .closing{padding:36px clamp(20px,4vw,44px);border-radius:12px}
html body .site-navigation .site-nav-panel a:focus-visible{
  background:var(--surface2);outline:2px solid var(--mint);outline-offset:-2px}

/* Preserve comparison data while making the table usable on narrow screens. */
html body .compare-table{display:block;max-width:100%;overflow-x:auto}
html body .intent-grid>*{min-width:0}
html body .directory-badge-fallback{display:inline-block;max-width:240px;
  padding:10px 14px;border:1px solid var(--line);border-radius:8px;
  color:var(--text);font-size:12px;line-height:1.5}

/* /jepeta-shell-v4.css */
/* Jepeta v4 shared product system.
   One shell for static and generated pages; page content remains semantically independent.
   Brand: original mint Jepeta logo. Accent: crisp cobalt. Risk states: semantic. */
:root{
 --j-bg:#0b0d11;--j-surface:#15171c;--j-surface2:#1d1f26;
 --j-text:#f4f5f7;--j-muted:#b8bdc6;--j-line:#3b3e48;--j-soft-line:#2a2d35;
 --j-link:#d6dbe5;--j-primary:#2d60d7;--j-primary-text:#fff;
 --j-focus:#97edcf;--j-radius:12px;--j-nav-height:64px;
 --j-control-line:#6a6f7d;--j-control-height:44px;--j-radius-control:8px;
 --j-space-1:4px;--j-space-2:8px;--j-space-3:12px;--j-space-4:16px;
 --j-space-5:24px;--j-space-6:32px;--j-space-7:48px;--j-space-8:64px;
 --j-type-meta:.875rem;--j-type-body:1rem;--j-type-card:1.25rem;
 --j-type-title:clamp(2rem,4.5vw,3.25rem);--j-type-section:clamp(1.5rem,3vw,2rem);
 --j-reading-width:72ch;--j-content-width:1160px;
 --bg:var(--j-bg);--surface:var(--j-surface);--surface2:var(--j-surface2);
 --panel:var(--j-surface);--panel-2:var(--j-surface2);
 --text:var(--j-text);--muted:var(--j-muted);--line:var(--j-line);--soft-line:var(--j-soft-line);
 --mint:var(--j-link);--mint-soft:var(--j-link);--action-bg:var(--j-primary);
 --action-text:var(--j-primary-text);
 --pass:#5fe3ad;--warn:#ffce79;--block:#ff9ba3;--j-risk-high:#ffb38c;
 --amber:var(--warn);--red:var(--block);
 color-scheme:dark;
}
html[data-theme="light"]{
 --j-bg:#f8f8fa;--j-surface:#fff;--j-surface2:#eeeff2;
 --j-text:#16181e;--j-muted:#4e535e;--j-line:#c9cbd1;--j-soft-line:#e0e2e7;
 --j-link:#2f394d;--j-primary:#2858c9;--j-primary-text:#fff;
 --j-focus:#2858c9;--j-control-line:#747d90;
 --pass:#146b4d;--warn:#865000;--block:#a32137;--j-risk-high:#9b4317;
 color-scheme:light;
}
html{scroll-padding-top:calc(var(--j-nav-height) + 16px);scroll-behavior:smooth}
html body{background:var(--j-bg);color:var(--j-text);
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
 line-height:1.66;-webkit-font-smoothing:antialiased}
html body :is(h1,h2,h3,h4){color:var(--j-text);text-wrap:balance;letter-spacing:-.035em}
html body :is(p,li,small){overflow-wrap:break-word}
html body :is(a,button,input,select,summary,textarea,[tabindex]):focus-visible{
 outline:3px solid var(--j-focus)!important;outline-offset:3px}
html body :is(a,button,input,select,textarea){-webkit-tap-highlight-color:transparent}
html body :is(.button.primary,a.button.primary,.site-unified-row>.nav-cta,.jepeta-context-scan>a){
 background:var(--j-primary)!important;color:var(--j-primary-text)!important;
 border:1px solid var(--j-primary)!important;box-shadow:0 8px 24px rgba(0,63,195,.14);
 transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
html body :is(.button.primary,a.button.primary,.site-unified-row>.nav-cta,.jepeta-context-scan>a):hover{
 background:#2856c3!important;border-color:#2856c3!important;
 box-shadow:0 9px 22px rgba(0,87,240,.21);transform:translateY(-1px)}
html body :is(.button.primary,a.button.primary,.site-unified-row>.nav-cta,.jepeta-context-scan>a):active{transform:translateY(0)}
/* Page link colors must not override the keyboard shortcut's paired colors. */
html body a.skip-link{
 background:var(--j-primary)!important;color:var(--j-primary-text)!important;
 border:1px solid var(--j-primary);min-height:44px;padding:10px 16px;
 font-size:16px;line-height:1.5;
}
/* One header on every route, independent of page templates and page CSS. */
html body .site-unified-header,
html body.product-home .site-unified-header{
 position:sticky;top:0;z-index:70;isolation:isolate;
 width:100%;min-height:var(--j-nav-height);
 background:color-mix(in srgb,var(--j-bg) 97%,transparent);
 border:0;border-bottom:1px solid var(--j-soft-line);
 box-shadow:none;backdrop-filter:blur(12px)}
html body .site-unified-row,
html body.product-home .site-unified-row{
 width:min(1320px,calc(100% - 44px));max-width:1320px;
 height:var(--j-nav-height);min-height:var(--j-nav-height);
 margin:auto;padding:0;gap:clamp(10px,1.75vw,24px);
 display:flex;align-items:center;justify-content:space-between;
 flex-wrap:nowrap!important}
html body .site-unified-row>.site-brand,
html body.product-home .site-unified-row>.site-brand{
 display:inline-flex;gap:8px;align-items:center;flex:0 0 auto;
 font-size:23px;font-weight:760;letter-spacing:-.05em;line-height:1;
 min-height:44px;color:var(--j-text);white-space:nowrap;text-decoration:none}
html body .site-unified-row .site-brand-mark,
html body.product-home .site-unified-row .site-brand-mark{
 display:block;width:34px;height:34px;flex:0 0 34px;border-radius:9px;object-fit:contain}
html body .site-unified-row>.site-navigation,
html body.product-home .site-unified-row>.site-navigation{
 position:static;display:flex!important;flex:1 1 auto;min-width:0;
 flex-direction:row;align-items:center;justify-content:flex-start;
 order:initial;width:auto;max-height:none;overflow:visible;
 gap:clamp(5px,.95vw,17px);border:0;padding:0;margin:0}
html body .site-navigation>.site-nav-link,
html body.product-home .site-navigation>.site-nav-link{
 display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;
 min-height:44px;padding:9px 7px;border-radius:7px;
 color:var(--j-muted);font-size:14px;font-weight:630;
 line-height:1.3;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;
 transition:color .16s ease,background .16s ease}
html body .site-navigation>.site-nav-link:hover,
html body .site-navigation>.site-nav-link[aria-current="page"]{
 color:var(--j-text);background:var(--j-surface2)}
html body .site-nav-group.site-nav-more{position:relative;display:block;flex:0 0 auto}
html body .site-nav-more>.site-nav-trigger{
 display:flex;align-items:center;justify-content:center;gap:9px;
 min-height:44px;padding:9px 10px;border-radius:7px;
 list-style:none;color:var(--j-muted);font:630 14px/1.3 Inter,system-ui,sans-serif;
 text-decoration:none;background:transparent;white-space:nowrap;cursor:pointer}
html body .site-nav-more>.site-nav-trigger::-webkit-details-marker{display:none}
html body .site-nav-more>.site-nav-trigger::after{
 content:"";height:6px;width:6px;display:block;flex:0 0 6px;
 border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
 transform:rotate(45deg) translateY(-2px);transition:transform .17s ease}
html body .site-nav-more[open]>.site-nav-trigger::after{transform:rotate(225deg)}
html body .site-nav-more>.site-nav-trigger:hover,
html body .site-nav-more>.site-nav-trigger[data-current],
html body .site-nav-more[open]>.site-nav-trigger{background:var(--j-surface2);color:var(--j-text)}
html body .site-nav-more>.site-nav-panel{
 display:grid;position:absolute;top:calc(100% + 8px);left:0;
 min-width:245px;max-width:min(300px,calc(100vw - 32px));
 width:max-content;padding:9px;border:1px solid var(--j-line);border-radius:10px;
 box-shadow:0 20px 38px rgba(2,8,20,.23);background:var(--j-surface);
 z-index:90;gap:2px}
html body .site-nav-more .site-nav-extra-link{
 display:flex;align-items:center;min-height:var(--j-control-height);padding:10px 12px;
 border-radius:7px;font:580 13px/1.35 Inter,system-ui,sans-serif;
 color:var(--j-text);background:transparent;text-decoration:none}
html body .site-nav-more .site-nav-extra-link:hover,
html body .site-nav-more .site-nav-extra-link[aria-current="page"]{
 background:var(--j-surface2);color:var(--j-link)}
html body .site-navigation>.site-nav-theme{display:none}
html body .site-unified-row>.site-global-actions,
html body.product-home .site-unified-row>.site-global-actions{
 margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:7px;
 flex:0 0 auto;min-width:0;order:initial}
html body .site-global-actions .site-shell-button,
html body.product-home .site-global-actions .site-shell-button,
html body .site-global-actions [data-theme-toggle],
html body.product-home .site-global-actions [data-theme-toggle]{
 display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 auto;min-height:var(--j-control-height);height:var(--j-control-height);padding:8px 11px;
 background:transparent;border:1px solid var(--j-line);
 border-radius:9px;color:var(--j-text);font:620 13px/1.2 Inter,system-ui,sans-serif;
 box-shadow:none;transition:background .18s ease,border-color .18s ease}
html body .site-global-actions .site-shell-button:hover,
html body .site-global-actions [data-theme-toggle]:hover{background:var(--j-surface2);border-color:var(--j-link)}
html body .site-global-actions [data-site-search]>.ux-icon{width:19px;height:19px;margin-right:7px}
html body .site-global-actions [data-site-search]>.ux-icon svg{width:19px;height:19px}
html body .site-global-actions [data-theme-toggle]{
 width:var(--j-control-height);padding:8px;border-color:transparent}
html body .site-global-actions [data-theme-toggle] svg{height:20px;width:20px}
html body .site-global-actions .site-mobile-menu,
html body.product-home .site-global-actions .site-mobile-menu{display:none}
html body .site-unified-row>.nav-cta,
html body.product-home .site-unified-row>.nav-cta{
 display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 auto;order:initial;min-height:var(--j-control-height);height:var(--j-control-height);
 padding:9px 15px;border-radius:8px;
 font:700 13px/1.2 Inter,system-ui,sans-serif;
 text-align:center;white-space:nowrap;letter-spacing:0;text-decoration:none}
html body .site-unified-row>.nav-cta svg{width:15px;height:15px}
html body .site-nav-more>.site-nav-trigger>.ux-icon{display:none}
html body .site-navigation .home-nav-link{display:none!important}
/* One compact mobile header. Menu opens a panel but never pushes the hero down. */
@media(max-width:1100px){
 html{--j-nav-height:62px}
 html body .site-unified-row,
 html body.product-home .site-unified-row{
  width:calc(100% - 32px);height:62px;min-height:62px;
  padding:0;gap:8px;flex-wrap:nowrap!important}
 html body .site-unified-row>.site-navigation,
 html body.product-home .site-unified-row>.site-navigation{
  display:none!important;position:absolute;top:calc(100% + 1px);
  left:0;right:0;bottom:auto;width:100%;max-height:min(72vh,680px);
  overflow:auto;overscroll-behavior:contain;z-index:80;
  padding:13px max(16px,calc((100vw - 1320px)/2));
  margin:0;gap:1px;border:0;border-bottom:1px solid var(--j-line);
  background:var(--j-bg);box-shadow:0 14px 30px rgba(3,14,40,.18);
  flex-direction:column;align-items:stretch;order:initial}
 html body .site-navigation-open .site-unified-row>.site-navigation,
 html body.product-home .site-navigation-open .site-unified-row>.site-navigation{display:flex!important}
 html body .site-navigation>.site-nav-link,
 html body.product-home .site-navigation>.site-nav-link{
  justify-content:flex-start;flex:0 0 auto;min-height:46px;width:100%;
  padding:11px 14px;font-size:14px;font-weight:650}
 html body .site-nav-group.site-nav-more{width:100%;flex:0 0 auto}
 html body .site-nav-more>.site-nav-trigger{
  display:flex;justify-content:space-between;width:100%;
  padding:12px 14px;min-height:46px;font-size:14px}
 html body .site-nav-more>.site-nav-panel{
  display:grid;position:static;width:100%;min-width:0;max-width:none;
  margin:4px 0 5px;padding:4px 9px;border:0;border-left:2px solid var(--j-line);
  border-radius:0;box-shadow:none;background:transparent}
 html body .site-nav-more .site-nav-extra-link{min-height:var(--j-control-height);padding:9px 12px;font-size:14px}
 html body .site-navigation>.site-nav-theme{
  display:flex;justify-content:space-between;align-items:center;
  width:100%;min-height:46px;padding:12px 14px;margin-top:7px;
  border:1px solid var(--j-soft-line);border-radius:8px;
  color:var(--j-text);font:620 14px/1.3 Inter,system-ui,sans-serif;
  background:var(--j-surface)}
 html body .site-navigation>.site-nav-theme::after{
  content:none}
 html body .site-global-actions .site-mobile-menu{display:inline-flex!important}
 html body .site-global-actions .site-mobile-menu::before{
  content:"";display:block;width:19px;height:14px;border-top:2px solid currentColor;
  border-bottom:2px solid currentColor;
  background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat}
 html body .site-navigation-open .site-mobile-menu::before{
  background:none;border-top:0;border-bottom:0;transform:rotate(45deg);
  height:19px;width:19px;box-shadow:inset 0 2px currentColor}
 html body .site-global-actions [data-theme-toggle]{display:none!important}
 html body .site-unified-row>.nav-cta,
 html body.product-home .site-unified-row>.nav-cta{display:none!important}
 html body .site-global-actions .site-shell-button,
 html body.product-home .site-global-actions .site-shell-button{
  width:var(--j-control-height);height:var(--j-control-height);min-height:var(--j-control-height);padding:9px;
  font-size:0!important;line-height:0}
 html body .site-global-actions [data-site-search]>.ux-icon{
  display:inline-grid;margin:0;width:22px;height:22px;flex-basis:22px}
 html body .site-global-actions [data-site-search]>.ux-icon svg{width:22px;height:22px}
 html body .site-global-actions [data-site-search]::before,
 html body.product-home [data-site-search]::before,
 html body .site-global-actions [data-site-search]::after,
 html body.product-home [data-site-search]::after{content:none!important;display:none!important}
 html body .site-unified-row>.site-brand,
 html body.product-home .site-unified-row>.site-brand{font-size:21px;letter-spacing:-.045em}
 html body .site-unified-row .site-brand-mark,
 html body.product-home .site-unified-row .site-brand-mark{
  width:33px;height:33px;flex-basis:33px}
}
@media(max-width:420px){
 html body .site-unified-row,html body.product-home .site-unified-row{width:calc(100% - 32px)}
 html body .site-global-actions{gap:6px}
}
/* One predictable footer. Collapsible, semantic sections on narrow screens. */
html body .site-unified-footer,
html body.product-home .site-unified-footer{
 width:min(1320px,calc(100% - 44px));max-width:1320px;
 margin:52px auto 0;padding:34px 0 22px;
 border:0;border-top:1px solid var(--j-line);
 background:transparent;color:var(--j-muted);font-size:13px;line-height:1.6}
html body .site-footer-intro{display:flex;align-items:center;gap:18px;margin-bottom:28px}
html body .site-footer-intro .site-brand{font-size:21px;font-weight:770;letter-spacing:-.045em;color:var(--j-text)}
html body .site-footer-intro p{margin:0;color:var(--j-muted);font-size:13px}
html body .site-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
html body .site-footer-group{min-width:0;display:block;border:0;padding:0;background:transparent}
html body .site-footer-group>.site-footer-group-title{
 display:block;min-height:var(--j-control-height);margin:0 0 10px;padding:0;list-style:none;
 font:710 13px/1.5 Inter,system-ui,sans-serif;color:var(--j-text);
 cursor:pointer}
html body .site-footer-group>.site-footer-group-title::-webkit-details-marker{display:none}
html body .site-footer-group nav{display:flex;flex-direction:column;gap:0;align-items:flex-start}
html body .site-footer-group a{
 display:inline-flex;align-items:center;max-width:100%;min-height:var(--j-control-height);
 padding:5px 0;font:540 14px/1.5 Inter,system-ui,sans-serif;
 color:var(--j-muted);text-decoration:none;overflow-wrap:anywhere}
html body .site-footer-group a:hover{text-decoration:underline;color:var(--j-link)}
html body .site-footer-bottom{display:flex;align-items:center;justify-content:space-between;
 gap:20px;border-top:1px solid var(--j-soft-line);margin-top:24px;padding-top:20px}
html body .site-footer-note{max-width:96ch;margin:0;font-size:11px;line-height:1.65;color:var(--j-muted)}
html body .site-unified-footer .directory-badge{flex:0 0 auto}
@media(max-width:700px){
 html body .site-unified-footer,html body.product-home .site-unified-footer{
  width:calc(100% - 32px);padding:22px 0 24px;margin-top:30px}
 html body .site-footer-intro{display:block;margin-bottom:17px}
 html body .site-footer-intro p{margin-top:8px}
 html body .site-footer-grid{grid-template-columns:1fr;gap:0}
 html body .site-footer-group{border-top:1px solid var(--j-soft-line)}
 html body .site-footer-group>.site-footer-group-title{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;min-height:49px;margin:0;padding:12px 2px;
  pointer-events:auto;cursor:pointer}
 html body .site-footer-group>.site-footer-group-title::after{
  content:"+";font:500 21px/1 Inter,system-ui,sans-serif;color:var(--j-link)}
 html body .site-footer-group[open]>.site-footer-group-title::after{content:"−"}
 html body .site-footer-group nav{padding:0 4px 12px}
 html body .site-footer-group a{min-height:var(--j-control-height);padding:8px 3px;font-size:13px}
 html body .site-footer-bottom{align-items:flex-start;flex-direction:column;gap:12px;margin-top:12px}
}
/* Shared semantic content presentation: same color and spacing across families. */
html body :is(.guide-card,.news-card,.intel-card,.research-card,.evidence-detail .card,.evidence-catalog .card,
 .intent-side,.intent-row,.price-card,.product-hub){
 background:var(--j-surface);border-color:var(--j-line);box-shadow:none;
 border-radius:var(--j-radius)}
html body :is(.guide-card,.news-card,.intel-card,.research-card,.evidence-catalog .card):hover{
 border-color:var(--j-link);background:var(--j-surface2);transform:translateY(-2px)}
html body :is(.guide-card p,.intel-card p,.news-card p,.research-shell p,.intent-copy p,
 .evidence-detail p,.section-heading>p,.article p,.news-summary){
 color:var(--j-muted);line-height:1.72}
html body :is(.catalog-hero,.guide-hero,.intent-hero,.intel-hero){padding-top:clamp(24px,4vw,58px)}
html body :is(.guide-card h2,.intent-hero h1,.intel-hero h1){letter-spacing:-.04em}
html body :is(.docs-body,.evidence-detail,.evidence-catalog){background:var(--j-bg);color:var(--j-text)}
html body :is(.guide-search,.site-search-input,.evidence-search,.intel-filters input,.intel-filters select){
 border:1px solid var(--j-line);background:var(--j-surface);color:var(--j-text)}
html body :is(.site-search-dialog,.site-menu-dialog){border:1px solid var(--j-line);background:var(--j-surface);
 color:var(--j-text);border-radius:12px;box-shadow:0 22px 46px rgba(0,12,36,.25)}
html body .site-dialog-header{border-bottom-color:var(--j-line)}
html body :is(.site-dialog-close,.site-search-result){border-color:var(--j-line);color:var(--j-text)}
html body :is(.site-search-result:hover,.site-search-result:focus-visible){background:var(--j-surface2)}
/* Product home keeps the approved hero, but only one scanner is visible. */
html body.product-home .hero{padding-top:clamp(25px,4vw,52px)}
html body.product-home .container{width:min(1320px,calc(100% - 44px))}
html body.product-home .source-strip{background:transparent}
html body.product-home .hero-quick-row #hero-token-input{font-size:16px}
html body.product-home :is(.hero-quick-help,.hero-quick-status){font-size:14px;line-height:1.5}
html body.product-home .hero-quick-status{color:var(--j-muted)}
html body.product-home .hero-quick-status.error{color:var(--block)}
html body.product-home[data-product-ui-ready="true"] #scanner-details:not(.has-scan-result){display:none!important}
html body.product-home[data-product-ui-ready="true"] #scanner-details.has-scan-result{
 display:block;margin-top:24px;padding-block:28px 36px;scroll-margin-top:84px}
html body.product-home[data-product-ui-ready="true"] #scanner-details.has-scan-result .scanner-input{display:none!important}
html body.product-home[data-product-ui-ready="true"] #scanner-details.has-scan-result .scanner-shell{
 display:block;min-height:0;border:1px solid var(--j-line);background:var(--j-surface);border-radius:12px}
html body.product-home[data-product-ui-ready="true"] #scanner-details.has-scan-result .scanner-output{
 display:block;min-height:0;border:0;border-radius:12px;background:var(--j-surface);padding:26px}
html body.product-home #scanner-details .section-heading{margin-bottom:17px}
html body.product-home #scanner-details .section-heading h2{font-size:clamp(25px,3vw,34px);line-height:1.12}
html body.product-home .scanner-disclaimer{color:var(--j-muted);font-size:12px}
html body.product-home .product-hubs{margin-bottom:26px}
html body.product-home .product-hub{border-color:var(--j-line)}
html body.product-home .product-hub .hub-mini{border-color:var(--j-line)}
/* Keep useful content, but de-emphasize the old long document treatment. */
html body.product-home .reports-section{border-top:1px solid var(--j-soft-line)}
html body.product-home .reports-section .section-heading{margin-bottom:22px}
html body.product-home .faq-section{border-top:1px solid var(--j-soft-line)}
html body.product-home .faq-list{width:100%}
html body.product-home .faq-list details{border-color:var(--j-line)}
html body.product-home .faq-list summary{min-height:48px;padding-block:12px;font-size:14px}
@media(max-width:700px){
 html body.product-home .container{width:calc(100% - 32px)}
 html body.product-home[data-product-ui-ready="true"] #scanner-details.has-scan-result .scanner-output{padding:17px}
 html body.product-home .hero h1{font-size:clamp(30px,8.2vw,36px)}
 html body.product-home .hero-lead{font-size:14px;line-height:1.5}
 html body.product-home .hero-quick-row .button{width:100%}
 html body.product-home .product-hub{min-height:0}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 html body *,html body *::before,html body *::after{
 animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Result drilldown and restrained on-page navigation. */
html body.product-home .home-resources-anchor{display:block;height:0;scroll-margin-top:78px}
html body.product-home .preview-actions{display:flex;align-items:center;justify-content:space-between;
 gap:14px;padding:11px 5px 0;flex-wrap:wrap}
html body.product-home .preview-actions .preview-truth{margin:0;font-size:11px;line-height:1.5}
html body.product-home .preview-actions>a{display:inline-flex;gap:9px;align-items:center;
 font-size:12px;font-weight:700;color:var(--j-link);text-decoration:none}
html body.product-home .preview-actions>a:not([hidden]):hover{text-decoration:underline;text-underline-offset:4px}
html body.product-home .preview-actions>a svg{width:16px;height:16px}
html body.product-home #scanner-details{scroll-margin-top:85px}
html body.product-home #scanner-details .scanner-output{width:100%}
html body.product-home #scanner-details .result-tabs{border-color:var(--j-line)}
html body.product-home #scanner-details .result-metrics>div,
html body.product-home #scanner-details .raw-metrics>div{background:var(--j-surface2);border-color:var(--j-soft-line)}
html body.product-home .developer-grid{gap:20px;align-items:stretch}
html body.product-home .developer-copy>p{font-size:15px;max-width:55ch;color:var(--j-muted)}
html body.product-home .code-window{border-color:var(--j-line);box-shadow:none}
html body.product-home .faq-section{padding-top:40px;padding-bottom:25px}
html body.product-home .faq-section .faq-list details{border-color:var(--j-soft-line)}
@media(max-width:700px){
 html body.product-home .preview-actions{padding:9px 4px 2px}
 html body.product-home .preview-actions .preview-truth{font-size:10px}
 html body.product-home #scanner-details .section-heading{display:block}
 html body.product-home #scanner-details .section-heading>p{margin-top:10px}
 html body.product-home .developer-grid{grid-template-columns:1fr}
}


/* Explicit body-class coverage and dialog contrast, including pages authored before v4. */
html body.evidence-detail,html body.evidence-catalog,html body.docs-body,
html[data-theme="light"] body,
html[data-theme="light"] body.evidence-detail,
html[data-theme="light"] body.evidence-catalog,
html[data-theme="light"] body.docs-body{
 background:var(--j-bg)!important;color:var(--j-text)!important}
html body :is(.site-search-label,.site-search-result strong,.site-dialog-header h2){color:var(--j-text)}
html body :is(.site-search-status,.site-search-empty,.site-search-result-type){color:var(--j-muted)}
html body .site-search-result{
 background:var(--j-surface2)!important;border-color:var(--j-line)!important;color:var(--j-text)!important}
html body .site-search-result:hover{background:color-mix(in srgb,var(--j-link) 15%,var(--j-surface))!important}
html body .site-search-input{background:var(--j-bg)!important;color:var(--j-text)!important;
 border-color:var(--j-line)!important}
html body .site-search-input::placeholder{color:var(--j-muted)!important;opacity:1}
html body .site-dialog-close{background:var(--j-surface2);border-color:var(--j-line);color:var(--j-text)}
html body .site-dialog-shell{background:var(--j-surface);color:var(--j-text)}
html body .site-search-dialog::backdrop{background:rgba(2,8,21,.7)}
@media(max-width:1100px){
 html body .site-global-actions .site-mobile-menu{position:relative;overflow:hidden}
 html body .site-navigation-open .site-global-actions .site-mobile-menu::before{
  content:"";position:absolute;top:20px;left:11px;width:20px;height:2px;
  border:0;box-shadow:none;background:currentColor;transform:rotate(45deg)}
 html body .site-navigation-open .site-global-actions .site-mobile-menu::after{
  content:"";position:absolute;top:20px;left:11px;width:20px;height:2px;
  background:currentColor;transform:rotate(-45deg)}
}

/* Session 2: shared reading and interaction primitives. This is the final cascade. */
html body :is(input,select,textarea){font:inherit;caret-color:var(--j-link)}
html body :is(button,.button,summary){touch-action:manipulation}
html body :is(input,select,textarea,button,.button)[disabled]{cursor:not-allowed;opacity:.65}
html body :is(.site-global-actions .site-shell-button,.site-dialog-close,.site-search-input,
 .guide-search,.evidence-search,.intel-filters input,.intel-filters select){border-color:var(--j-control-line)!important}
html body .shell{width:min(var(--j-content-width),calc(100% - 32px))}
html body :is(.catalog-hero,.legal-hero,.docs-hero,.intent-hero,.intel-hero){padding-block:var(--j-space-7) var(--j-space-6)}
html body :is(.catalog-hero,.legal-hero,.docs-hero,.intent-hero,.intel-hero) h1,
html body[data-page="article"] .hero h1{
 font-size:var(--j-type-title);line-height:1.14;letter-spacing:-.035em;max-width:29ch;margin-block:0 var(--j-space-5)}
html body :is(.catalog-intro,.lead,.hero-lead){color:var(--j-muted);max-width:var(--j-reading-width)}
html body :is(.article,.docs-section,.legal-section,.intelligence-detail) :is(p,li){
 font-size:var(--j-type-body);line-height:1.75;max-width:var(--j-reading-width)}
html body :is(.article,.docs-section,.legal-section,.intelligence-detail) h2{
 font-size:var(--j-type-section);line-height:1.3;letter-spacing:-.025em}
html body :is(.guide-card,.news-card,.intel-card,.research-card,.related-card){
 min-width:0;border-radius:var(--j-radius);padding:var(--j-space-5);border-color:var(--j-line);background:var(--j-surface)}
html body :is(.guide-card h2,.news-card h2,.intel-card h3,.research-card h2){
 font-size:var(--j-type-card);line-height:1.4;letter-spacing:-.02em;margin-block:var(--j-space-3)}
html body :is(.guide-card p,.news-card p,.intel-card p){font-size:var(--j-type-body);line-height:1.65}
html body :is(.guide-card footer,.article-meta,.catalog-count,.site-search-status,.site-search-result-type){
 font-size:var(--j-type-meta);line-height:1.55;color:var(--j-muted)}
html body :is(.article,.legal-section,.docs-section,.intelligence-detail) a:not(.button){
 text-underline-offset:.2em;text-decoration-thickness:1px}
html body .site-search-label{font-size:var(--j-type-body)}
html body .site-search-input{font-size:1rem;min-height:48px}
html body .site-search-result{grid-template-columns:100px minmax(0,1fr);padding:var(--j-space-4)}
html body .site-search-result strong{font-size:1rem;line-height:1.45}
html body .site-search-result-type{font-family:var(--sans,system-ui);font-size:.75rem;letter-spacing:.02em}
html body :is(.site-dialog-reset,.catalog-reset){
 min-height:var(--j-control-height);padding:10px 14px;border:1px solid var(--j-control-line);
 border-radius:var(--j-radius-control);background:var(--j-surface);color:var(--j-text);font:600 14px/1.4 var(--sans,system-ui);cursor:pointer}
html body .site-dialog-reset{margin-top:var(--j-space-3)}
html body .site-footer-note{font-size:.8125rem}
html body .site-footer-group>.site-footer-group-title{font-size:14px}
html body .site-nav-theme>svg{width:20px;height:20px;flex:0 0 20px}
html body .catalog-controls{display:grid;gap:var(--j-space-3);margin-top:var(--j-space-6)}
html body .catalog-controls>label{font-size:.875rem;font-weight:650}
html body .catalog-search-row{display:flex;gap:var(--j-space-3);align-items:center;flex-wrap:wrap}
html body .catalog-search-row input{
 flex:1 1 260px;min-width:0;max-width:620px;min-height:48px;padding:12px 14px;
 border:1px solid var(--j-control-line);border-radius:var(--j-radius-control);background:var(--j-surface);color:var(--j-text);font-size:1rem}
html body .catalog-search-row input::placeholder{color:var(--j-muted);opacity:1}
html body .catalog-filters{display:flex;flex-wrap:wrap;gap:var(--j-space-2)}
html body :is(.catalog-filters,.filters,.guide-empty) .chip{
 min-height:var(--j-control-height);border-radius:var(--j-radius-control);padding:10px 14px;
 color:var(--j-text);border:1px solid var(--j-control-line);font:600 14px/1.4 var(--sans,system-ui);background:var(--j-surface);cursor:pointer}
html body :is(.catalog-filters,.filters) .chip[aria-pressed="true"]{
 background:var(--j-primary);border-color:var(--j-primary);color:var(--j-primary-text)}
html body .catalog-count{margin:0;font-variant-numeric:tabular-nums}
html body .guide-empty{padding-block:var(--j-space-5);color:var(--j-muted)}
html body .guide-empty h2{color:var(--j-text);font-size:24px;margin:0 0 var(--j-space-2)}
html body .guide-empty p{margin:0 0 var(--j-space-4)}
html body .catalog-empty{padding:var(--j-space-5);border:1px solid var(--j-line);border-radius:var(--j-radius);color:var(--j-muted)}
html body [data-article-card]{display:flex;flex-direction:column;gap:var(--j-space-2)}
html body [data-article-card] .ux-card-icon{display:none}
html body [data-article-card]>small{font-size:.75rem;line-height:1.5;letter-spacing:.05em;padding-right:0!important}
html body .catalog-card-action{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:var(--j-space-4);font-size:.875rem;font-weight:650;color:var(--j-link)}
html body .catalog-card-action svg{width:18px;height:18px}
html body :is([data-article-card],.catalog-reset,.catalog-empty,.site-dialog-reset)[hidden]{display:none!important}
@media(max-width:700px){
 html body :is(.catalog-hero,.legal-hero,.docs-hero,.intent-hero,.intel-hero){padding-block:var(--j-space-6) var(--j-space-5)}
 html body .guide-grid{grid-template-columns:minmax(0,1fr);gap:var(--j-space-4);padding-bottom:var(--j-space-6)}
 html body :is(.guide-card,.news-card,.intel-card,.research-card){padding:20px}
 html body .site-search-result{grid-template-columns:1fr;gap:var(--j-space-1)}
 html body .site-search-dialog{max-height:calc(100dvh - 32px)}
 html body .catalog-controls{margin-top:var(--j-space-5)}
 html body.product-home .hero-lead{font-size:1rem;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){
 html body :is(.guide-card,.news-card,.intel-card,.research-card,.related-card,.button.primary,.nav-cta,.jepeta-context-scan>a):hover{transform:none!important}
}

/* Article discovery stays secondary to the free scanner. */
html body.product-home .hero-reading-path{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;margin-top:16px;font-size:14px;color:var(--j-muted)}
html body.product-home .hero-reading-path .text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--j-link);text-decoration:underline;text-underline-offset:4px}

/* Reading journeys: evidence first, one disclosed offer, then related work. */
html body[data-page="article"] :is(.article-disclosure,.article-offer){
  color:var(--j-text);background:var(--j-surface2);border:1px solid var(--j-line);border-radius:var(--j-radius);padding:var(--j-space-4);font-size:14px;line-height:1.75
}
html body[data-page="article"] .article-disclosure{max-width:72ch;margin-top:24px}
html body[data-page="article"] .article-disclosure a{color:var(--j-link);text-underline-offset:3px}
html body[data-page="article"] .article-offer{margin-block:24px}
html body[data-page="article"] .article-offer p{margin:16px 0 0}
html body[data-page="article"] .article-offer .button{min-height:44px;white-space:normal;text-align:center;line-height:1.5}
html body[data-page="article"] .article-jumps{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:16px}
html body[data-page="article"] .article-jumps a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:var(--j-link);text-underline-offset:4px}
html body[data-page="article"] .article-contents{max-width:var(--j-reading-width);margin-top:16px;border-block:1px solid var(--j-line)}
html body[data-page="article"] .article-contents summary{min-height:44px;padding:12px 4px;font-size:16px;line-height:1.5;font-weight:650;color:var(--j-text);cursor:pointer}
html body[data-page="article"] .article-contents nav{padding:0 8px 12px}
html body[data-page="article"] .article-next h2{font-size:18px;line-height:1.4;margin:0 0 8px}
html body[data-page="article"] .article-contents ol{list-style:none;padding:0;margin:0;max-height:50vh;overflow:auto;scrollbar-color:var(--j-control-line) var(--j-surface)}
html body[data-page="article"] .article-contents a{display:flex;align-items:center;min-height:44px;padding:8px 4px;color:var(--j-muted);font-size:14px;line-height:1.5;text-decoration:none}
html body[data-page="article"] .article-contents a:hover{color:var(--j-link);text-decoration:underline;text-underline-offset:3px}
html body[data-page="article"] .article-next p{font-size:14px;line-height:1.7;color:var(--j-muted)}
html body[data-page="article"] [id^="article-"]{scroll-margin-top:88px}
html body[data-page="article"] .article-reading-list{list-style:none;padding:0;margin:0 0 24px}
html body[data-page="article"] .article-reading-list li{border-bottom:1px solid var(--j-line)}
html body[data-page="article"] .article-reading-list a{display:grid;gap:8px;padding:20px 4px;color:var(--j-text);text-decoration:none;overflow-wrap:anywhere}
html body[data-page="article"] .article-reading-list strong{font-size:20px;line-height:1.4;font-weight:650}
html body[data-page="article"] .article-reading-list span{font-size:14px;line-height:1.6;color:var(--j-muted)}
html body[data-page="article"] .article-reading-list a:hover strong{color:var(--j-link);text-decoration:underline;text-underline-offset:4px}
html body[data-page="article"] .article-reading-list .article-reading-action{display:inline-flex;align-items:center;gap:8px;color:var(--j-link);font-weight:600}
html body[data-page="article"] .article-reading-action svg{width:16px;height:16px}
html body[data-page="article"] .article-related h3{font-size:18px;margin:24px 0 8px}
html body[data-page="article"] .article-resource-links{padding:0;list-style:none;margin:0 0 24px}
html body[data-page="article"] .article-resource-links a{display:inline-flex;align-items:center;min-height:44px;line-height:1.5;color:var(--j-link);text-underline-offset:4px}
@media(max-width:860px){
 html body[data-page="article"] .article-contents ol{max-height:none;overflow:visible}
}

/* X2: readable scan evidence with room for real timestamps and source states. */
html body.product-home .preview-tab,
html body.product-home .preview-token-copy>span,
html body.product-home .preview-tags>span,
html body.product-home .preview-verdict,
html body.product-home .preview-score-label,
html body.product-home .preview-score-number small,
html body.product-home .preview-main-heading strong,
html body.product-home .preview-main-heading span,
html body.product-home .preview-finding strong,
html body.product-home .preview-finding small,
html body.product-home .preview-bottom-item strong,
html body.product-home .preview-bottom-item small,
html body.product-home .preview-actions .preview-truth,
html body.product-home .preview-actions>a{font-size:var(--j-type-meta);line-height:1.5}
html body.product-home .preview-tab{min-height:var(--j-control-height);gap:8px}
html body.product-home .preview-tab .icon{flex-shrink:0}
html body.product-home .preview-main-heading{align-items:flex-start;flex-wrap:wrap}
html body.product-home .preview-bottom-item{min-height:var(--j-control-height);align-items:flex-start}
html body.product-home .preview-bottom-item>.icon{flex-shrink:0;margin-top:2px}
html body.product-home .preview-bottom-item :is(strong,small){white-space:normal;overflow:visible;overflow-wrap:anywhere}
html body.product-home .preview-tags>span{white-space:normal}
html body.product-home .preview-actions>a{min-height:var(--j-control-height)}
@media(min-width:601px){
 html body.product-home .preview-dashboard{grid-template-columns:154px minmax(0,1fr)}
}
@media(max-width:600px){
 html body.product-home .preview-sidebar{flex-wrap:wrap;overflow:visible}
}
@media(max-width:480px){
 html body.product-home .preview-header{flex-direction:column}
 html body.product-home .preview-score-panel{flex:0 0 auto;flex-direction:row;flex-wrap:wrap;
  border-left:0;border-top:1px solid var(--j-line);gap:8px;padding:10px}
 html body.product-home .preview-token-copy>span{max-width:100%}
 html body.product-home .preview-bottom{grid-template-columns:minmax(0,1fr)}
 html body.product-home .preview-bottom-item{border-right:0}
 html body.product-home .preview-bottom-item+.preview-bottom-item{border-top:1px solid var(--j-soft-line)}
}


/* ===============================================================
   JEPETA / EDITORIAL PRODUCT VISUAL SYSTEM / 2026-10-12
   Refines the canonical shell in place. Existing markup, brand and
   commerce URLs remain authoritative. Data visuals only use sources.
   =============================================================== */
:root{
  --j-elevation:0 12px 36px rgba(0,0,0,.18);
  --j-elevation-hover:0 20px 45px rgba(0,0,0,.24);
  --j-highlight:#d0d6df;
  --j-visual-blue:#5b79b8;
  --j-visual-teal:#97edcf;
  --j-line-soft:color-mix(in srgb,var(--j-line) 60%,transparent);
}
html[data-theme="light"]{
  --j-elevation:0 12px 38px rgba(35,38,49,.07);
  --j-elevation-hover:0 20px 38px rgba(35,38,49,.12);
  --j-highlight:#2c3747;
  --j-visual-blue:#4766a4;
  --j-line-soft:#d8e3f2;
}
html body{
  text-rendering:optimizeLegibility;
  background:var(--j-bg);
}
html body :is(.catalog-hero,.news-hero,.intel-hero,.research-shell .hero,.legal-hero,.docs-hero,.guide-hero,.intent-hero){
  position:relative;isolation:isolate;
}
html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero){
  padding-top:clamp(30px,5vw,65px);padding-bottom:clamp(22px,3vw,39px);
}
html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero) h1{
  font-weight:780;line-height:1.1;letter-spacing:-.047em;
  font-size:clamp(2.2rem,4.8vw,3.9rem);
}
html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero) :is(.catalog-intro,.news-lead,.lead){
  max-width:62ch;color:var(--j-muted);font-size:clamp(1rem,1.6vw,1.12rem);
  line-height:1.68;
}
html body :is(.catalog-hero,.news-hero,.research-shell .hero,.intel-hero) .eyebrow,
html body .news-kicker{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--j-highlight);letter-spacing:.09em;font-size:.75rem;font-weight:700;
}
html body .news-kicker::before,
html body :is(.catalog-hero,.research-shell .hero) .eyebrow::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:99px;background:var(--j-visual-teal);
}

/* DIFFERENTIATED DISCOVERY / ARTICLES: media-first editorial cards. */
html body[data-page="articles"] .guide-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;
  align-items:stretch;padding-block:8px 42px;
}
html body[data-page="articles"] .guide-card{
  display:flex;flex-direction:column;align-items:stretch;position:relative;
  min-height:310px;gap:10px;padding:20px;
  border:1px solid var(--j-line);
  border-radius:14px;background:var(--j-surface);color:var(--j-text);
  box-shadow:var(--j-elevation);
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html body[data-page="articles"] .guide-card:hover{
  background:var(--j-surface2);border-color:var(--j-highlight);box-shadow:var(--j-elevation-hover);
  transform:translateY(-3px);
}
html body[data-page="articles"] .guide-card>small{
  display:inline-flex;align-items:center;align-self:flex-start;order:0;
  font:700 11px/1.4 ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.07em;text-transform:uppercase;color:var(--j-highlight);
}
html body[data-page="articles"] .guide-card h2{
  order:2;margin:4px 0 0;font-size:clamp(1.25rem,2vw,1.6rem);
  line-height:1.26;letter-spacing:-.03em;font-weight:750;
  color:var(--j-text);
}
html body[data-page="articles"] .guide-card p{
  order:3;margin:0;font-size:15px;line-height:1.65;color:var(--j-muted);
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
}
html body[data-page="articles"] .catalog-card-action{
  order:4;margin-top:auto;padding-top:12px;border-top:1px solid var(--j-line-soft);
  font-size:13px;min-height:42px;color:var(--j-highlight);
}
html body[data-page="articles"] .catalog-card-media{
  order:1;display:block;min-width:0;max-width:100%;margin:5px 0 1px;
  height:137px;max-height:137px;
  border:1px solid var(--j-line-soft);border-radius:10px;overflow:hidden;
  background:var(--j-surface2);
}
html body[data-page="articles"] .catalog-card-media img{
  display:block;width:100%;max-width:100%;height:100%;object-fit:cover;
  transition:transform .3s ease;
}
html body[data-page="articles"] .guide-card:hover .catalog-card-media img{transform:scale(1.025)}
html body[data-page="articles"] .catalog-controls{
  padding:16px;background:var(--j-surface);border:1px solid var(--j-line);
  border-radius:12px;box-shadow:0 8px 24px rgba(3,28,70,.06);
}

/* DIFFERENTIATED DISCOVERY / GUIDES: numbered field guide, not blog cards. */
html body[data-page="guides"] .guide-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
  padding-block:10px 42px;
}
html body[data-page="guides"] .guide-card{
  position:relative;display:flex;flex-direction:column;min-height:258px;
  border:1px solid var(--j-line);border-radius:11px;
  padding:21px 23px 19px;background:var(--j-surface);
  box-shadow:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
html body[data-page="guides"] .guide-card:hover{
  background:var(--j-surface2);border-color:var(--j-highlight);transform:translateY(-2px);
}
html body[data-page="guides"] .guide-card::after{
  content:"";position:absolute;right:0;top:0;bottom:0;width:3px;
  background:var(--j-visual-blue);opacity:.75;border-radius:0 11px 11px 0;
}
html body[data-page="guides"] .guide-card[data-guide-category*="evidence"]::after{
  background:var(--j-visual-teal);
}
html body[data-page="guides"] .guide-sequence{
  display:block;position:absolute;right:23px;top:20px;
  font:750 1.55rem/1 ui-monospace,monospace;color:var(--j-line);
}
html body[data-page="guides"] .guide-card small{
  display:inline-flex;align-self:flex-start;color:var(--j-highlight);
  border:1px solid var(--j-line);border-radius:5px;padding:5px 10px;
  font:680 11px/1.3 ui-monospace,monospace;letter-spacing:.08em;
  background:var(--j-surface2);max-width:80%;
}
html body[data-page="guides"] .guide-card h2{
  margin:20px 0 10px;font-size:clamp(1.22rem,1.9vw,1.52rem);
  line-height:1.32;font-weight:730;letter-spacing:-.03em;
}
html body[data-page="guides"] .guide-card p{
  color:var(--j-muted);font-size:14px;line-height:1.63;margin:0;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
}
html body[data-page="guides"] .guide-card footer{
  margin-top:auto;padding-top:16px;font-size:12px;line-height:1.5;
  color:var(--j-highlight);border-top:1px solid var(--j-line-soft);
}
html body[data-page="guides"] .catalog-controls{
  padding:15px 16px;border:1px solid var(--j-line);border-radius:12px;background:var(--j-surface);
}

/* NEWSROOM: source graphics and editorial masthead get priority. */
html body[data-page="news"] .news-wrap{max-width:1200px}
html body[data-page="news"] .news-hero{
  padding:clamp(34px,5vw,66px) 0 clamp(24px,4vw,44px);
  border-bottom:1px solid var(--j-line);
}
html body[data-page="news"] .news-hero h1{
  font-weight:780;font-size:clamp(2.25rem,5vw,4.25rem);
  max-width:18ch;line-height:1.1;
}
html body[data-page="news"] .news-grid{gap:16px}
html body[data-page="news"] .news-story{
  display:flex;flex-direction:column;gap:0;padding:20px;
  border:1px solid var(--j-line);border-radius:13px;
  background:var(--j-surface);box-shadow:none;
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
html body[data-page="news"] .news-story:hover{
  transform:translateY(-2px);border-color:var(--j-highlight);
  box-shadow:var(--j-elevation);
}
html body[data-page="news"] .news-story .news-kicker{font-size:11px}
html body[data-page="news"] .news-story h3{font-size:clamp(1.28rem,2.2vw,1.85rem);line-height:1.3;font-weight:750;letter-spacing:-.028em;margin:14px 0 10px}
html body[data-page="news"] .news-story>p:not(.news-foot,.news-dataset){
  font-size:14px;line-height:1.65;color:var(--j-muted);
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
}
html body[data-page="news"] .news-story .news-share-card{
  margin:17px 0 4px;overflow:hidden;border-radius:8px;border:1px solid var(--j-line);
}
html body[data-page="news"] .news-story .news-share-card img{
  display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  border-radius:0;
}
html body[data-page="news"] .news-story .news-share-card figcaption{
  font-size:12px;line-height:1.5;padding:9px 11px;margin:0;background:var(--j-surface2);
}
html body[data-page="news"] .news-story .news-foot{
  margin-top:auto;padding-top:16px;border-top:1px solid var(--j-line-soft);
  font-size:12px;gap:9px;
}
html body[data-page="news"] .news-story:has(.news-share-card):first-child{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  grid-template-rows:auto auto 1fr auto;column-gap:24px;
  align-items:start;min-height:300px;
}
html body[data-page="news"] .news-story:has(.news-share-card):first-child .news-share-card{
  grid-column:2;grid-row:1/span 4;margin:0;align-self:stretch;
}
html body[data-page="news"] .news-story:has(.news-share-card):first-child .news-share-card img{
  min-height:215px;height:100%;
}
html body[data-page="news"] .news-story:has(.news-share-card):first-child .news-share-card figcaption{font-size:11px}

/* LIVE INTELLIGENCE: true before/after change, never decorative fake scores. */
html body[data-page="intelligence"] .intelligence-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
}
html body[data-page="intelligence"] .intel-card{
  display:flex;flex-direction:column;gap:10px;min-height:276px;
  background:var(--j-surface);border:1px solid var(--j-line);
  border-radius:13px;padding:20px;transition:transform .2s ease,border-color .2s ease;
}
html body[data-page="intelligence"] .intel-card:hover{
  transform:translateY(-2px);border-color:var(--j-highlight);
}
html body[data-page="intelligence"] .intel-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html body[data-page="intelligence"] .intel-card h3{
  font-weight:750;font-size:clamp(1.18rem,1.9vw,1.5rem);
  line-height:1.31;letter-spacing:-.026em;margin:3px 0 0;
}
html body[data-page="intelligence"] .intel-card>p{
  font-size:14px;line-height:1.63;margin:0;color:var(--j-muted);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
html body[data-page="intelligence"] .intel-change-graphic{
  margin-top:auto;display:grid;gap:10px;
  border:1px solid var(--j-line-soft);border-radius:9px;padding:12px;
  background:linear-gradient(125deg,rgba(29,92,178,.14),transparent),var(--j-surface2);
}
html body[data-page="intelligence"] .intel-change-title{
  font:680 10px/1.3 ui-monospace,monospace;color:var(--j-highlight);
  letter-spacing:.08em;
}
html body[data-page="intelligence"] .intel-compare-bar{display:grid;gap:6px}
html body[data-page="intelligence"] .intel-compare-bar>span{
  display:flex;justify-content:space-between;gap:8px;
  font-size:12px;line-height:1.3;color:var(--j-muted);
}
html body[data-page="intelligence"] .intel-compare-bar strong{color:var(--j-text);font-variant-numeric:tabular-nums}
html body[data-page="intelligence"] .intel-compare-bar>i{
  position:relative;display:block;width:100%;height:7px;
  background:var(--j-line-soft);border-radius:99px;overflow:hidden;
}
html body[data-page="intelligence"] .intel-compare-bar>i::before{
  content:"";position:absolute;inset:0 auto 0 0;width:var(--bar-percent,0%);
  background:#8cb1ed;border-radius:99px;
}
html body[data-page="intelligence"] .intel-compare-after>i::before{
  background:var(--j-visual-blue);
}
html body[data-page="intelligence"] .intel-change-values{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
html body[data-page="intelligence"] .intel-change-values>span{
  display:flex;flex-direction:column;font-size:12px;
  color:var(--j-muted);overflow-wrap:anywhere;
}
html body[data-page="intelligence"] .intel-change-values strong{
  margin-top:6px;color:var(--j-text);font-size:15px;
}
html body[data-page="intelligence"] .intel-card-footer{
  margin-top:2px;padding-top:11px;border-top:1px solid var(--j-line-soft);
  font-size:12px;color:var(--j-muted);
}

/* ORIGINAL RESEARCH: make public sample sizes and computed cohort shares visible. */
html body[data-page="research"] .research-shell{max-width:var(--j-content-width);margin-inline:auto}
html body[data-page="research"] .research-shell .hero{
  border-bottom:1px solid var(--j-soft-line);padding-bottom:28px;
}
html body[data-page="research"] .research-shell .hero h1{
  font-weight:760;letter-spacing:-.045em;
}
html body[data-page="research"] .research-shell .section:has(.research-index-card){
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
}
html body[data-page="research"] .research-index-card{
  position:relative;display:flex;flex-direction:column;min-height:245px;
  border:1px solid var(--j-line);border-radius:12px;padding:23px;
  background:var(--j-surface);
}
html body[data-page="research"] .research-index-tag{
  font:680 11px/1.4 ui-monospace,monospace;letter-spacing:.08em;
  color:var(--j-highlight);
}
html body[data-page="research"] .research-index-card h2{
  margin:15px 0;font-size:clamp(1.4rem,2.2vw,1.8rem);line-height:1.28;
}
html body[data-page="research"] .research-index-card h2 a{color:var(--j-text);text-decoration:none}
html body[data-page="research"] .research-index-card h2 a:hover{color:var(--j-highlight)}
html body[data-page="research"] .research-index-value{
  display:flex;gap:13px;align-items:end;padding:10px 0 14px;
  border-bottom:1px solid var(--j-line-soft);
}
html body[data-page="research"] .research-index-value>strong{
  font-size:clamp(2rem,3vw,3.1rem);font-weight:770;letter-spacing:-.055em;
  font-variant-numeric:tabular-nums;line-height:1;color:var(--j-text);
}
html body[data-page="research"] .research-index-value>span{
  font-size:13px;line-height:1.4;color:var(--j-muted);max-width:13ch;
}
html body[data-page="research"] .research-index-card p{
  margin:13px 0 6px;font-size:13px;line-height:1.6;color:var(--j-muted);
}
html body[data-page="research"] .research-index-more{
  display:inline-flex;align-items:center;min-height:42px;margin-top:auto;
  color:var(--j-highlight);font-size:13px;font-weight:680;text-decoration:none;
}
html body[data-page="research"] .research-index-more:hover{text-decoration:underline;text-underline-offset:4px}
html body[data-page="research"] .research-coverage{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  margin:22px 0;padding:18px;
  border:1px solid var(--j-line);border-radius:12px;background:var(--j-surface);
}
html body[data-page="research"] .research-coverage-row{min-width:0}
html body[data-page="research"] .research-coverage-head{
  display:flex;align-items:start;justify-content:space-between;gap:14px;
  margin-bottom:9px;font-size:13px;line-height:1.4;color:var(--j-muted);
}
html body[data-page="research"] .research-coverage-head strong{color:var(--j-text)}
html body[data-page="research"] .research-coverage-track{
  position:relative;height:9px;width:100%;border-radius:99px;
  overflow:hidden;background:var(--j-line-soft);
}
html body[data-page="research"] .research-coverage-track>i{
  display:block;height:100%;background:var(--j-visual-blue);border-radius:99px;
}
html body[data-page="research"] .research-metrics{
  border:1px solid var(--j-line);border-radius:12px;overflow:hidden;gap:0;
}
html body[data-page="research"] .research-metrics>div{
  background:var(--j-surface);border:1px solid var(--j-line-soft);
}
html body[data-page="research"] .research-shell table{
  display:block;max-width:100%;overflow-x:auto;border-collapse:separate;
}

/* PUBLIC EVIDENCE: a scan receipt with legible signals and a prominent freshness line. */
html body.evidence-detail .grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
html body.evidence-detail :is(.card,.fact){
  background:var(--j-surface);border:1px solid var(--j-line);
  border-radius:11px;padding:18px;box-shadow:none;
}
html body.evidence-detail .grid .card{
  border-top:3px solid var(--j-visual-blue);
}
html body.evidence-detail .grid .card strong{
  font-size:clamp(1.25rem,2vw,2rem);font-variant-numeric:tabular-nums;
  letter-spacing:-.035em;
}
html body.evidence-detail .fact b{font-variant-numeric:tabular-nums;color:var(--j-text)}
html body.evidence-detail .hero h1{font-weight:760;line-height:1.13}
html body.evidence-detail .evidence-statuses{
 display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;
}
html body.evidence-detail .status{
 background:var(--j-surface2);color:var(--j-text);border-color:var(--j-line);
}
html body.evidence-detail .evidence-statuses .status{margin-top:0;font-size:14px;line-height:1.5}
html body.evidence-detail .evidence-risk-status[data-risk-level]{border-color:currentColor}
html body.evidence-detail .evidence-risk-status[data-risk-level="LOW"]{color:var(--pass)}
html body.evidence-detail .evidence-risk-status[data-risk-level="MEDIUM"]{color:var(--warn)}
html body.evidence-detail .evidence-risk-status[data-risk-level="HIGH"]{color:var(--j-risk-high)}
html body.evidence-detail .evidence-risk-status[data-risk-level="CRITICAL"]{color:var(--block)}
html body.evidence-detail .evidence-quality-status{color:var(--j-muted);font-weight:600}
html body.evidence-detail .evidence-current-action{
  background:var(--j-surface);border-color:var(--j-line);
  border-radius:10px;gap:14px;
}
html body.evidence-catalog .evidence-card{
  border:1px solid var(--j-line);border-radius:11px;
  background:var(--j-surface);
}
html body.evidence-catalog .evidence-card:hover{border-color:var(--j-highlight)}
html body.evidence-catalog .evidence-card-main{min-height:86px}

/* DEVELOPER & ARTICLES: meaningful hierarchy instead of long unbounded code blocks. */
/* Honeypot guide surfaces and text always change theme together. */
html body[data-page="base_honeypot_checker"] :is(.guide-side,.signal-table,.signal-row,.guide-note,.guide-api){
 background:var(--j-surface);color:var(--j-text);border-color:var(--j-line);
}
html body[data-page="base_honeypot_checker"] :is(.guide-copy p,.guide-copy li){
 color:var(--j-muted);font-size:16px;line-height:1.75;
}
html body[data-page="base_honeypot_checker"] :is(.signal-row span,.guide-side p){color:var(--j-muted)}
html body[data-page="base_honeypot_checker"] .guide-note{
 background:var(--j-surface2);border-left-color:var(--j-primary);color:var(--j-muted);
}
html body[data-page="base_honeypot_checker"] .guide-api{font-size:14px;line-height:1.6}
/* Documentation: body 16px, technical values 14px, supporting labels 12px. */
html body.docs-body :is(.docs-lead,.docs-intro,.docs-section p,.docs-callout,.docs-note,.docs-end p,.machine-grid p,.error-list span){
 font-size:16px;line-height:1.75;color:var(--j-muted);
}
html body.docs-body :is(.docs-product strong,.docs-side-nav a,.copy-button,.docs-code-head button,.response-example summary,.api-summary strong,.error-list strong,.commerce-grid .button,.machine-grid strong){
 font-size:14px;line-height:1.6;
}
html body.docs-body :is(.eyebrow,.docs-header-label,.docs-product span:not(.docs-product-mark),.docs-side-nav>span,.docs-sidebar-foot,.docs-badges span,.docs-section-kicker,.docs-code-head span,.api-summary span,.commerce-type,.full-report-fields span,.machine-grid a>span){
 font-size:12px;line-height:1.5;color:var(--j-muted);
}
html body.docs-body :is(.method,.required,.decision-card>span){font-size:12px;line-height:1.5}
html body.docs-body .method{background:var(--j-primary);color:var(--j-primary-text)}
html body.docs-body .required{color:var(--block);border-color:currentColor}
html body.docs-body :is(.docs-side-nav a,.copy-button,.docs-code-head button){min-height:44px}
html body.docs-body :is(.docs-content,.docs-code-card,.endpoint-card,.param-card){min-width:0}
html body.docs-body :is(.field-table td,.field-table td code,code,pre,pre code){font-size:14px;line-height:1.65}
html body.docs-body .field-table thead th,
html body.docs-body .field-table td[data-label]::before{font-size:12px;line-height:1.5;color:var(--j-muted)}
html body.docs-body pre{max-width:100%;overflow-x:auto}
html body :is(.docs-body,.intent-copy,.article,.article-section) pre{
  max-width:100%;overflow:auto;border-radius:10px;
  border:1px solid var(--j-line);padding:18px;background:var(--j-surface);
  font-size:13px;line-height:1.6;tab-size:2;
}
html body :is(.docs-body,.intent-copy,.article) code:not(pre code){
  padding:.12em .35em;border-radius:4px;color:var(--j-highlight);
  background:var(--j-surface2);overflow-wrap:anywhere;
}
html body[data-page="article"] .article-hero{
  margin:0 0 23px;border-radius:11px;overflow:hidden;
  border:1px solid var(--j-line);
}
html body[data-page="article"] .article-hero img{
  width:100%;height:auto;display:block;object-fit:cover;
}
html body[data-page="article"] .article :is(h2,h3){
  scroll-margin-top:92px;
}
html body[data-page="article"] .article-offer{
  border-top:3px solid var(--j-visual-teal);
  background:linear-gradient(140deg,rgba(17,107,163,.08),transparent),var(--j-surface2);
}
html body[data-page="article"] .article-offer .button{
  font-size:15px;font-weight:700;
}
html body .intent-hero,
html body .docs-body .docs-hero{border-bottom:1px solid var(--j-line-soft)}

/* HOMEPAGE MOBILE: a product, not a sequence of text blocks. */
@media(max-width:700px){
 html body.product-home .hero{gap:17px}
 html body.product-home .hero h1{
   font-weight:790;line-height:1.085;letter-spacing:-.051em;
 }
 html body.product-home .hero-lead{
   font-size:15px;line-height:1.53;max-width:45ch;
 }
 html body.product-home .hero-quick-scan{
   border-color:var(--j-line);box-shadow:var(--j-elevation);
 }
 html body.product-home .product-preview{
   border-radius:12px;border-color:var(--j-line);box-shadow:var(--j-elevation);
 }
 html body.product-home .preview-dashboard{gap:11px}
 html body.product-home .preview-sidebar{
   display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
   gap:5px;overflow:visible;
 }
 html body.product-home .preview-tab{
   justify-content:center;text-align:center;
   gap:6px;padding:10px 5px;min-height:45px;
   border-radius:7px;font-size:12px;line-height:1.2;
 }
 html body.product-home .preview-tab .icon{height:15px;width:15px}
 html body.product-home .preview-main-heading{
   display:flex;align-items:baseline;justify-content:space-between;
 }
 html body.product-home .preview-main-heading strong{font-size:14px;font-weight:730}
 html body.product-home .preview-finding{min-height:52px}
 html body.product-home .preview-finding strong{font-size:13px}
 html body.product-home .preview-finding small{font-size:12px}
 html body.product-home .preview-bottom-item strong{font-size:12px}
 html body.product-home .preview-bottom-item small{font-size:11px}
 html body.product-home .product-hubs{display:grid;grid-template-columns:1fr;gap:12px}
 html body.product-home .product-hub{
   display:block;min-height:0;padding:17px 17px 16px 61px;
   border-radius:11px;background:var(--j-surface);box-shadow:none;
 }
 html body.product-home .product-hub h3{margin-bottom:6px}
 html body.product-home .product-hub p{font-size:13px;line-height:1.55}
 html body.product-home .product-hub:nth-child(-n+2) .hub-mini{
   display:block;height:auto;min-height:0;max-height:165px;
   overflow:hidden;margin:15px 0 0 -43px;padding:11px;
   background:var(--j-surface2);border-color:var(--j-line);
 }
 html body.product-home .product-hub:nth-child(-n+2) .hub-mini-title{font-size:10px}
 html body.product-home .product-hub .evidence-mini>div{font-size:12px}
 html body.product-home .source-item>div strong{font-size:12px}
}
@media(max-width:740px){
 html body[data-page="articles"] .guide-grid,
 html body[data-page="guides"] .guide-grid,
 html body[data-page="intelligence"] .intelligence-list,
 html body[data-page="research"] .research-shell .section:has(.research-index-card),
 html body[data-page="research"] .research-coverage{
   grid-template-columns:minmax(0,1fr);gap:12px;
 }
 html body[data-page="articles"] .guide-card{min-height:0;padding:17px;gap:9px}
 html body[data-page="articles"] .catalog-card-media{
   height:clamp(120px,37vw,162px);max-height:162px;
 }
 html body[data-page="articles"] .guide-card h2{font-size:1.35rem;line-height:1.29}
 html body[data-page="articles"] .guide-card p{font-size:14px;-webkit-line-clamp:3}
 html body[data-page="articles"] .catalog-card-action{
   padding-top:10px;margin-top:2px;min-height:37px;
 }
 html body[data-page="guides"] .guide-card{min-height:0;padding:18px;gap:0}
 html body[data-page="guides"] .guide-card h2{font-size:1.28rem;margin:18px 0 10px}
 html body[data-page="guides"] .guide-card p{font-size:14px;-webkit-line-clamp:3}
 html body[data-page="guides"] .guide-card footer{font-size:12px;padding-top:10px}
 html body[data-page="news"] .news-grid{grid-template-columns:minmax(0,1fr);gap:13px}
 html body[data-page="news"] .news-story:first-child{grid-column:auto}
 html body[data-page="news"] .news-story:has(.news-share-card):first-child{
   display:flex;min-height:0;gap:0;
 }
 html body[data-page="news"] .news-story{padding:17px}
 html body[data-page="news"] .news-story .news-share-card{margin:13px 0 5px}
 html body[data-page="news"] .news-story .news-share-card img{min-height:0;aspect-ratio:16/9}
 html body[data-page="news"] .news-story h3{font-size:1.4rem;margin:11px 0}
 html body[data-page="news"] .news-story>p:not(.news-foot,.news-dataset){-webkit-line-clamp:3;font-size:14px}
 html body[data-page="intelligence"] .intel-card{
   min-height:0;padding:16px;gap:9px;box-shadow:none;
 }
 html body[data-page="intelligence"] .intel-card h3{font-size:1.28rem}
 html body[data-page="intelligence"] .intel-card>p{font-size:14px;-webkit-line-clamp:3}
 html body[data-page="intelligence"] .intel-change-graphic{padding:12px;margin-top:7px}
 html body[data-page="research"] .research-shell .section:has(.research-index-card){display:grid}
 html body[data-page="research"] .research-index-card{min-height:0;padding:18px}
 html body[data-page="research"] .research-index-value>strong{font-size:2.6rem}
 html body[data-page="research"] .research-coverage{padding:15px}
 html body.evidence-detail .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body.evidence-detail .grid .card{padding:12px}
 html body.evidence-detail .grid .card strong{font-size:1.4rem}
 html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero)::before{
   width:210px;height:240px;right:-12px;top:30px;opacity:.46;
 }
 html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero){
   padding-top:27px;padding-bottom:19px;
 }
 html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero) h1{
   font-size:clamp(1.9rem,8.1vw,2.45rem);line-height:1.12;
 }
 html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero) :is(.catalog-intro,.news-lead,.lead){
   font-size:15px;line-height:1.58;
 }
 html body .catalog-controls{padding:13px}
}
@media(prefers-reduced-motion:reduce){
 html body[data-page="articles"] .guide-card:hover,
 html body[data-page="guides"] .guide-card:hover,
 html body[data-page="news"] .news-story:hover,
 html body[data-page="intelligence"] .intel-card:hover{transform:none!important}
 html body[data-page="articles"] .catalog-card-media img{transition:none!important}
}


/* Monthly aggregates: only the published PASS/WARN/BLOCK shares define the ring. */
html body[data-page="research"] .research-risk-mix{
  display:flex;align-items:center;gap:25px;flex-wrap:wrap;
  max-width:740px;margin:20px 0 24px;padding:19px;
  border-radius:12px;border:1px solid var(--j-line);
  background:var(--j-surface);
}
html body[data-page="research"] .research-risk-donut{
  position:relative;display:grid;place-items:center;
  width:142px;height:142px;flex:0 0 142px;border-radius:50%;
  background:conic-gradient(
    var(--pass) 0 var(--pass-stop,0%),
    var(--warn) var(--pass-stop,0%) var(--warn-stop,0%),
    var(--block) var(--warn-stop,0%) 100%);
}
html body[data-page="research"] .research-risk-donut::before{
  content:"";position:absolute;inset:22px;border-radius:50%;background:var(--j-surface);
}
html body[data-page="research"] .research-risk-donut span{
  z-index:1;position:relative;max-width:65px;text-align:center;
  color:var(--j-text);font:680 12px/1.35 Inter,system-ui,sans-serif;
}
html body[data-page="research"] .research-risk-legend{
  display:grid;gap:11px;flex:1 1 165px;font-size:14px;color:var(--j-muted);
}
html body[data-page="research"] .research-risk-legend>span{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
html body[data-page="research"] .research-risk-legend b{
  color:var(--j-text);font-variant-numeric:tabular-nums;
}
html body[data-page="research"] .research-risk-legend i{
  width:9px;height:9px;flex:0 0 9px;display:inline-block;border-radius:50%;
  margin-right:7px;background:var(--pass);
}
html body[data-page="research"] .research-risk-legend .risk-warn i{background:var(--warn)}
html body[data-page="research"] .research-risk-legend .risk-block i{background:var(--block)}
@media(max-width:450px){
  html body[data-page="research"] .research-risk-mix{gap:17px;padding:15px}
  html body[data-page="research"] .research-risk-donut{width:112px;height:112px;flex-basis:112px}
  html body[data-page="research"] .research-risk-donut::before{inset:18px}
  html body[data-page="research"] .research-risk-legend{font-size:12px;gap:9px}
}

/* Source-labeled editorial records. Never depict fabricated financial bars. */
html body[data-page="articles"] .catalog-card-record{
  order:1;display:grid;align-content:center;gap:10px;
  min-height:82px;margin:6px 0 2px;
  border-block:1px solid var(--j-line);
}
html body[data-page="articles"] .catalog-record-label{
  display:inline-flex;align-items:center;gap:9px;
  font:720 10px/1.3 ui-monospace,monospace;letter-spacing:.09em;
  color:var(--j-muted);
}
html body[data-page="articles"] .catalog-record-label::before{
  content:"";width:7px;height:7px;border-radius:50%;
  background:#97edcf;
}
html body[data-page="articles"] .catalog-record-meta{
  font-size:13px;line-height:1.45;color:var(--j-muted);
}
html body[data-page="articles"] .guide-card:not(:has(.catalog-card-media)) h2{
  font-size:clamp(1.35rem,2.15vw,1.7rem);
}
html body[data-page="news"] .news-story{
  box-shadow:none;border-color:var(--j-line);
}
html body[data-page="intelligence"] .intel-card,
html body[data-page="guides"] .guide-card{
  box-shadow:none;
}
html body[data-page="intelligence"] .intel-change-graphic{
  background:var(--j-surface2);border-color:var(--j-line);
}
html body[data-page="research"] .research-risk-mix{
  background:var(--j-surface);border-color:var(--j-line);
}
html body[data-page="research"] .research-coverage{
  background:var(--j-surface);border-color:var(--j-line);
}
html body .site-global-actions .site-shell-button:hover{
  background:var(--j-surface2);border-color:var(--j-muted);
}
html body .site-nav-more .site-nav-extra-link[aria-current="page"]{
  color:var(--j-text);
}
@media(max-width:740px){
  html body[data-page="articles"] .catalog-card-record{
    min-height:70px;margin:0;gap:8px;
  }
  html body[data-page="articles"] .catalog-record-meta{font-size:12px}
}
/* Security status colors retain their semantic role. */
html body :is(.decision[data-decision="PASS"],.intel-severity[data-severity="low"]){color:var(--pass)}
html body .decision[data-decision="WARN"]{color:var(--warn)}
html body .decision[data-decision="BLOCK"]{color:var(--block)}
/* Global market pulse - scoped to the homepage, consolidated in the canonical design system. */
html body.product-home #market-overview{
  --market-radius:12px;
  margin-block:0 18px;
  padding-block:28px 28px;
  border-bottom:1px solid var(--j-soft-line);
  scroll-margin-top:calc(var(--j-nav-height) + 16px);
}
html body.product-home #market-overview .market-overview-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:14px 28px;flex-wrap:wrap;
  margin:0 0 20px;
}
html body.product-home #market-overview .market-overview-intro{min-width:0;max-width:76ch}
html body.product-home #market-overview .market-eyebrow{
  display:inline-flex;align-items:center;gap:9px;margin-bottom:9px;
  font:720 11px/1.4 ui-monospace,monospace;letter-spacing:.07em;color:var(--j-muted);
}
html body.product-home #market-overview .market-eyebrow-pulse{
  width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#6bcbb1;
  box-shadow:0 0 0 3px color-mix(in srgb,#6bcbb1 16%,transparent);
}
html[data-theme="light"] body.product-home #market-overview .market-eyebrow-pulse{background:#15745d;box-shadow:0 0 0 3px #15745d21}
html body.product-home #market-overview h2{
  margin:0 0 7px;font-size:clamp(24px,2.4vw,34px);line-height:1.18;
  font-weight:770;letter-spacing:-.039em;color:var(--j-text);
}
html body.product-home #market-overview .market-overview-intro p{
  margin:0;line-height:1.5;font-size:clamp(13px,1.1vw,15px);color:var(--j-muted);
}
html body.product-home #market-overview .market-source-status{
  display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;
  border:1px solid var(--j-line);background:var(--j-surface);
  border-radius:8px;color:var(--j-text);padding:9px 12px;min-height:38px;
  line-height:1.3;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;
}
html body.product-home #market-overview .market-source-status::before{
  content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--j-muted);
}
html body.product-home #market-overview .market-source-status[data-state="current"]::before{background:#6bcbb1}
html body.product-home #market-overview .market-source-status[data-state="partial"]::before,
html body.product-home #market-overview .market-source-status[data-state="delayed"]::before{background:#efbe69}
html body.product-home #market-overview .market-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
html body.product-home #market-overview .market-metric{
  --market-accent:#62c5df;
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;flex-direction:column;min-width:0;min-height:190px;
  padding:17px 17px 13px;border:1px solid var(--j-line);
  border-radius:var(--market-radius);background:var(--j-surface);color:var(--j-text);
  box-shadow:0 2px 12px rgba(0,0,0,.055);
  transition:border-color .18s ease,background .18s ease;
}
html body.product-home #market-overview .market-metric::before{
  content:"";position:absolute;left:17px;top:0;width:42px;height:2px;
  background:var(--market-accent);border-radius:0 0 2px 2px;
}
html body.product-home #market-overview .market-metric--volume{--market-accent:#91adff}
html body.product-home #market-overview .market-metric--btc{--market-accent:#f2b65d}
html body.product-home #market-overview .market-metric--eth{--market-accent:#b4a7ff}
html body.product-home #market-overview .market-metric--sentiment{--market-accent:#d8ba76}
html body.product-home #market-overview .market-metric--assets{--market-accent:#78cdb2}
html[data-theme="light"] body.product-home #market-overview .market-metric--cap{--market-accent:#087b91}
html[data-theme="light"] body.product-home #market-overview .market-metric--volume{--market-accent:#345fbb}
html[data-theme="light"] body.product-home #market-overview .market-metric--btc{--market-accent:#a76407}
html[data-theme="light"] body.product-home #market-overview .market-metric--eth{--market-accent:#6553b5}
html[data-theme="light"] body.product-home #market-overview .market-metric--sentiment{--market-accent:#956c16}
html[data-theme="light"] body.product-home #market-overview .market-metric--assets{--market-accent:#0d7862}
html body.product-home #market-overview .market-metric.is-stale{border-style:dashed}
html body.product-home #market-overview .market-metric-top{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;min-height:38px;
}
html body.product-home #market-overview .market-metric-icon{
  display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;
  border-radius:10px;color:var(--market-accent);
  background:color-mix(in srgb,var(--market-accent) 13%,var(--j-surface));
  border:1px solid color-mix(in srgb,var(--market-accent) 22%,var(--j-line));
}
html body.product-home #market-overview .market-metric-icon svg{
  width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
html body.product-home #market-overview .market-metric-icon .market-eth-logo{fill:currentColor;stroke:none}
html body.product-home #market-overview .market-eth-logo path:last-child{opacity:.65}
html body.product-home #market-overview .market-btc-symbol{
  font-family:Arial,"Noto Sans Symbols 2",sans-serif;font-size:24px;font-weight:700;line-height:1;
}
html body.product-home #market-overview .market-metric-type{
  font:700 10px/1.3 ui-monospace,monospace;letter-spacing:.035em;
  text-align:right;color:var(--j-muted);overflow-wrap:normal;
}
html body.product-home #market-overview .market-metric-body{flex:1 1 auto;min-width:0}
html body.product-home #market-overview .market-metric-label{
  font-size:14px;font-weight:650;line-height:1.36;margin:0 0 4px;
  letter-spacing:-.01em;color:var(--j-muted);text-wrap:initial;
}
html body.product-home #market-overview .market-metric-reading{
  display:flex;align-items:baseline;gap:5px;min-width:0;
  font-variant-numeric:tabular-nums;
}
html body.product-home #market-overview .market-metric-value{
  color:var(--j-text);font-size:clamp(29px,2.8vw,41px);font-weight:780;
  letter-spacing:-.055em;line-height:1.13;overflow-wrap:anywhere;
}
html body.product-home #market-overview .market-metric-unit{
  color:var(--j-muted);font-size:13px;font-weight:650;letter-spacing:-.02em;
}
html body.product-home #market-overview .market-metric-unit[hidden]{display:none!important}
html body.product-home #market-overview .market-metric-subline{
  color:var(--j-muted);font-size:12px;line-height:1.42;margin:6px 0 0;
}
html body.product-home #market-overview .market-metric-bottom{
  display:flex;align-items:center;gap:6px;min-height:26px;
  margin-top:12px;padding-top:9px;border-top:1px solid var(--j-soft-line);
}
html body.product-home #market-overview .market-metric-detail{
  color:var(--j-muted);font-size:12px;line-height:1.35;font-variant-numeric:tabular-nums;
}
html body.product-home #market-overview .market-metric.is-stale .market-metric-detail{color:var(--market-accent)}
html body.product-home #market-overview .market-metric--sentiment[data-sentiment="extreme-fear"]{--market-accent:#ee7c86}
html body.product-home #market-overview .market-metric--sentiment[data-sentiment="fear"]{--market-accent:#eaa26b}
html body.product-home #market-overview .market-metric--sentiment[data-sentiment="neutral"]{--market-accent:#dbbc72}
html body.product-home #market-overview .market-metric--sentiment[data-sentiment="greed"]{--market-accent:#7dd5a7}
html body.product-home #market-overview .market-metric--sentiment[data-sentiment="extreme-greed"]{--market-accent:#65cebd}
html[data-theme="light"] body.product-home #market-overview .market-metric--sentiment[data-sentiment="extreme-fear"]{--market-accent:#ae253f}
html[data-theme="light"] body.product-home #market-overview .market-metric--sentiment[data-sentiment="fear"]{--market-accent:#9c4b14}
html[data-theme="light"] body.product-home #market-overview .market-metric--sentiment[data-sentiment="neutral"]{--market-accent:#84600f}
html[data-theme="light"] body.product-home #market-overview .market-metric--sentiment[data-sentiment="greed"]{--market-accent:#147c49}
html[data-theme="light"] body.product-home #market-overview .market-metric--sentiment[data-sentiment="extreme-greed"]{--market-accent:#0b7964}
html body.product-home #market-overview .market-sentiment-meter{margin-top:11px;display:block}
html body.product-home #market-overview .market-sentiment-meter[hidden]{display:none!important}
html body.product-home #market-overview .market-sentiment-track{
  height:7px;position:relative;border-radius:999px;
  background:linear-gradient(90deg,#d96674 0%,#edaa69 25%,#e3c783 50%,#8dcda1 75%,#58c8b3 100%);
}
html body.product-home #market-overview .market-sentiment-pointer{
  position:absolute;top:50%;left:clamp(0px,var(--market-sentiment-position,50%),100%);
  width:10px;height:10px;border-radius:50%;background:var(--j-text);
  border:2px solid var(--j-surface);box-shadow:0 0 0 1px var(--j-text);
  transform:translate(-50%,-50%);transition:left .25s ease;
}
html body.product-home #market-overview .market-sentiment-ends{
  display:flex;justify-content:space-between;margin-top:5px;
  font:650 10px/1.2 ui-monospace,monospace;color:var(--j-muted);
}
html body.product-home #market-overview .market-overview-foot{
  display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;
  margin-top:14px;padding:0 2px;
}
html body.product-home #market-overview .market-foot-timestamps{
  color:var(--j-muted);font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums;
}
html body.product-home #market-overview .market-overview-foot a{
  display:inline-flex;align-items:center;gap:5px;min-height:44px;
  font-size:12px;line-height:1.4;font-weight:650;
  color:var(--j-text);text-decoration:underline;text-underline-offset:4px;
}
html body.product-home #market-overview .market-overview-foot a:hover{color:var(--j-primary)}
html body.product-home #market-overview .market-overview-foot a span{font-size:14px;color:inherit}
@media(max-width:1020px){
  html body.product-home #market-overview .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  html body.product-home #market-overview{padding-block:23px 17px;margin-bottom:12px}
  html body.product-home #market-overview .market-overview-head{align-items:flex-start;gap:12px;margin-bottom:14px}
  html body.product-home #market-overview .market-overview-intro{width:100%}
  html body.product-home #market-overview .market-eyebrow{font-size:10px;margin-bottom:7px}
  html body.product-home #market-overview h2{font-size:clamp(24px,6vw,28px)}
  html body.product-home #market-overview .market-overview-intro p{font-size:12px;line-height:1.5}
  html body.product-home #market-overview .market-source-status{font-size:11px;min-height:32px;padding:6px 9px}
  html body.product-home #market-overview .market-grid{gap:9px}
  html body.product-home #market-overview .market-metric{padding:13px 11px 10px;min-height:174px}
  html body.product-home #market-overview .market-metric::before{left:11px;width:32px}
  html body.product-home #market-overview .market-metric-top{min-height:32px;margin-bottom:10px}
  html body.product-home #market-overview .market-metric-icon{width:33px;height:33px;flex-basis:33px;border-radius:9px}
  html body.product-home #market-overview .market-metric-icon svg{width:20px;height:20px}
  html body.product-home #market-overview .market-metric-type{font-size:10px;line-height:1.2;max-width:94px}
  html body.product-home #market-overview .market-metric-label{font-size:13px;line-height:1.32;min-height:0;margin-bottom:5px}
  html body.product-home #market-overview .market-metric-value{font-size:clamp(25px,6.7vw,31px);line-height:1.1}
  html body.product-home #market-overview .market-metric-subline{font-size:11px;line-height:1.35;margin-top:5px}
  html body.product-home #market-overview .market-metric-bottom{margin-top:9px;padding-top:8px;min-height:22px}
  html body.product-home #market-overview .market-metric-detail{font-size:11px}
  html body.product-home #market-overview .market-sentiment-meter{margin-top:9px}
  html body.product-home #market-overview .market-overview-foot{align-items:flex-start;gap:1px;margin-top:9px}
  html body.product-home #market-overview .market-foot-timestamps{flex-basis:100%;font-size:10px}
}
@media(max-width:330px){html body.product-home #market-overview .market-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  html body.product-home #market-overview .market-metric,
  html body.product-home #market-overview .market-sentiment-pointer{transition:none}
}