@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/space-grotesk-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/space-grotesk-latin-700-normal.woff2) format("woff2")}
/* Vietnamese subsets (same Fontsource builds as public-site; loaded only for these code points) */
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/inter-vietnamese-wght-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Space Grotesk";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/space-grotesk-vietnamese-600-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Space Grotesk";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/space-grotesk-vietnamese-700-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}

:root{
  --bg0:#040D17;--bg1:#071525;--bg2:#0A2040;--bg3:#0E2A52;
  --gold:#C8922A;--glt:#E8B44A;--tx1:#EEF4FA;--tx:#C8D8E8;--tx2:#8BACC8;--tx3:#6A88A2;
  --brd:rgba(255,255,255,.08);--brd-g:rgba(200,146,42,.18);--brd-g2:rgba(200,146,42,.4);
  --red:#F05252;--red-bg:rgba(240,82,82,.10);--amb:#F5B83D;--amb-bg:rgba(245,184,61,.10);--grn:#22C55E;
  --ui:"Space Grotesk",Inter,system-ui,sans-serif;
  --txt:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r:4px;--max:980px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg0)}
body{margin:0;background:var(--bg0);color:var(--tx);font:400 16px/1.65 var(--txt);overflow-x:hidden}
a{color:var(--glt);text-decoration:none}
a:hover{color:var(--tx1)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.top{border-bottom:1px solid var(--brd);background:var(--bg1)}
.top-in{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{font:700 18px/1 var(--ui);color:var(--tx1);letter-spacing:.01em;white-space:nowrap}
.brand-mark{color:var(--gold)}
.parent{font:600 13px/1 var(--ui);color:var(--tx2)}

.hero{padding:48px 0 24px;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(14,42,82,.55),transparent)}
h1{font:700 clamp(30px,5vw,46px)/1.1 var(--ui);color:var(--tx1);margin:0 0 12px;letter-spacing:-.01em}
.lead{color:var(--tx);font-size:18px;margin:0 0 16px;max-width:640px}
.chips{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 28px}
.chips li{font:600 12px/1 var(--ui);letter-spacing:.08em;color:var(--glt);border:1px solid var(--brd-g2);padding:7px 10px;border-radius:var(--r)}

.search{background:var(--bg1);border:1px solid var(--brd-g);border-radius:8px;padding:16px}
.modes{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}
.mode{font:600 14px/1 var(--ui);color:var(--tx2);background:transparent;border:1px solid var(--brd);border-radius:var(--r);padding:9px 12px;cursor:pointer}
.mode.on{color:var(--bg0);background:var(--gold);border-color:var(--gold)}
.row{display:flex;gap:8px}
#q{flex:1;min-width:0;font:500 18px/1 var(--txt);color:var(--tx1);background:var(--bg0);border:1px solid var(--brd-g2);border-radius:var(--r);padding:14px 14px}
#q:focus{outline:2px solid var(--glt);outline-offset:1px}
#go{font:700 16px/1 var(--ui);color:var(--bg0);background:var(--glt);border:0;border-radius:var(--r);padding:0 22px;cursor:pointer}
#go:disabled{opacity:.6;cursor:wait}
.hint{min-height:1.4em;margin:8px 0 0;font-size:14px;color:var(--amb)}

.out{margin:8px 0 32px}
.count{color:var(--tx2);font-size:14px}
.err{color:var(--red)}
.res{border:1px solid var(--brd);border-inline-start:4px solid var(--red);background:var(--red-bg);border-radius:6px;padding:16px 18px;margin:12px 0}
.res.amber{border-inline-start-color:var(--amb);background:var(--amb-bg)}
.res-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.tag{font:700 12px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.res.amber .tag{color:var(--amb)}
.src-tag{font:600 12px/1.3 var(--ui);color:var(--tx2)}
.res h3{font:700 20px/1.25 var(--ui);color:var(--tx1);margin:8px 0 10px;word-break:break-word}
dl{display:grid;grid-template-columns:140px 1fr;gap:4px 14px;margin:0 0 10px;font-size:14px}
dt{color:var(--tx3)}
dd{margin:0;color:var(--tx);word-break:break-word}
.ext{font:600 14px/1 var(--ui)}
.none{border:1px solid var(--brd);border-inline-start:4px solid var(--tx3);background:var(--bg1);border-radius:6px;padding:16px 18px;margin:12px 0}
.none .tag{color:var(--tx1)}
.none p{margin:8px 0 0;font-size:14px}
.stamp{color:var(--tx3)}

.sources h2{font:700 18px/1.2 var(--ui);color:var(--tx1);margin:0 0 12px}
.src-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.src{background:var(--bg1);border:1px solid var(--brd);border-radius:6px;padding:12px 14px;font-size:13px;color:var(--tx2)}
.src b{color:var(--tx1)}
.src-h{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}
.src-h strong{font:700 15px/1.2 var(--ui);color:var(--tx1)}
.src-h a{font-size:12px;color:var(--tx3)}
.src .flag{color:var(--amb);margin-top:4px}
.src.off{opacity:.75}
.note{font-size:13px;color:var(--tx3);margin:28px 0 40px;max-width:760px}
.foot{border-top:1px solid var(--brd);padding:20px 0;font-size:14px;color:var(--tx2)}

@media (max-width:560px){
  .row{flex-direction:column}
  #go{padding:14px}
  dl{grid-template-columns:1fr;gap:0}
  dt{margin-top:6px}
  .hero{padding-top:32px}
}

/* ---- v0.2 components */
.topnav{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.topnav a{font:600 13px/1.2 var(--ui);color:var(--tx2)}
.hero-sm{padding:28px 0 12px}
.crumb{font-size:13px;color:var(--tx3);margin:0 0 6px}
.chips li span{font-weight:500;letter-spacing:0;color:var(--tx2);margin-inline-start:4px}
.chips .chip-no{color:var(--tx3);border-color:var(--brd)}
.chips .chip-part{color:var(--amb);border-color:rgba(245,184,61,.4)}
.chips{flex-wrap:wrap}
.share-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 0}
.share-row button,.recheck{font:600 14px/1 var(--ui);color:var(--glt);background:transparent;border:1px solid var(--brd-g2);border-radius:var(--r);padding:9px 12px;cursor:pointer}
.share-note{font-size:13px;color:var(--tx3)}
.share-url{width:100%;max-width:520px;font:13px var(--txt);color:var(--tx1);background:var(--bg0);border:1px solid var(--brd);padding:8px;border-radius:var(--r)}
.status{border:1px solid var(--brd);border-inline-start:5px solid var(--tx3);background:var(--bg1);border-radius:6px;padding:16px 18px;margin:14px 0}
.status.st-hit{border-inline-start-color:var(--red);background:var(--red-bg)}
.status.st-pot{border-inline-start-color:var(--amb);background:var(--amb-bg)}
.status.st-neg{border-inline-start-color:var(--grn)}
.status.st-ins{border-inline-start-color:var(--tx2)}
.st-label{font:700 15px/1.2 var(--ui);letter-spacing:.08em;color:var(--tx1)}
.st-hit .st-label{color:var(--red)}
.st-pot .st-label{color:var(--amb)}
.st-text{margin:8px 0 6px;color:var(--tx1)}
.st-reasons,.st-scope{margin:6px 0 0;padding-inline-start:18px;font-size:14px}
.st-scope{color:var(--tx2)}
.st-meta{font-size:13px;color:var(--tx3);margin:8px 0 0;word-break:break-word}
.rec{border:1px solid var(--brd);border-inline-start:4px solid var(--amb);background:var(--bg1);border-radius:6px;padding:14px 16px;margin:10px 0}
.rec.rec-hit{border-inline-start-color:var(--red);background:var(--red-bg)}
.rec-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.rec .tag{color:var(--amb)}
.rec-hit .tag{color:var(--red)}
.rec h3{font:700 19px/1.25 var(--ui);color:var(--tx1);margin:6px 0 4px;word-break:break-word}
.rec-why{font-size:13px;color:var(--tx2);margin:0 0 8px}
.rec .recheck{margin-inline-start:12px}
code{font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--tx2);word-break:break-all}
.coverage{margin:20px 0}
.coverage h2,.page h2,.evidence h2{font:700 18px/1.25 var(--ui);color:var(--tx1);margin:22px 0 10px}
.cov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.cov{background:var(--bg1);border:1px solid var(--brd);border-radius:6px;padding:12px 14px;font-size:13px;color:var(--tx2);display:flex;flex-direction:column;gap:2px}
.cov b{color:var(--tx1)}
.cov a{font-size:12px}
.cov-h{display:flex;justify-content:space-between;gap:8px}
.cov-h strong{font:700 15px/1.2 var(--ui);color:var(--tx1)}
.cov-state{font:600 12px/1.2 var(--ui)}
.cov-checked .cov-state{color:var(--grn)}
.cov-stale .cov-state,.cov-unavailable .cov-state{color:var(--amb)}
.cov-not_checked .cov-state{color:var(--tx3)}
.cov-name{color:var(--tx)}
.cov-reason{color:var(--amb)}
.cov-not_checked .cov-reason{color:var(--tx3)}
.page{max-width:820px;margin:0 0 30px}
.page p,.page li{color:var(--tx)}
.defs dt{font:700 14px/1.3 var(--ui);color:var(--tx1);margin-top:12px}
.defs dd{margin:4px 0 0}
.feed{border-top:1px solid var(--brd);padding-top:6px}
.feed dl{grid-template-columns:170px 1fr}
.feed ul{margin:0;padding-inline-start:18px}
.note{font-size:13px;color:var(--tx3);margin:28px 0 30px;max-width:780px}
.note p{margin:0 0 8px}
.stamp{font-size:13px;color:var(--tx3)}
@media (max-width:560px){
  .feed dl{grid-template-columns:1fr}
  .topnav a:not(.parent){display:none}
  .rec .recheck{margin:8px 0 0}
}

a:focus-visible,button:focus-visible,.share-url:focus-visible{outline:2px solid var(--glt);outline-offset:2px}
.share-url{flex:1;min-width:0}
@media (max-width:360px){.brand{font-size:16px}.top-in{gap:8px}}

.rec-retained{font-size:13px;color:var(--amb);margin:4px 0}

/* ---- i18n: language switcher, preview notice, RTL and non-Latin scripts */
.langs{display:flex;gap:8px;flex-wrap:wrap}
.langs a{font:600 13px/1.2 var(--txt);color:var(--tx2)}
.langs a[aria-current]{color:var(--tx1)}
.i18n-pending{margin:16px 0 0;padding:8px 12px;font-size:13px;color:var(--amb);border:1px solid rgba(245,184,61,.4);border-radius:var(--r)}
code,.share-url,.ver{direction:ltr;unicode-bidi:isolate}
.rec h3,dd,.cov a{unicode-bidi:plaintext}
[dir="rtl"] .rec h3,[dir="rtl"] dd{text-align:right}
:lang(ar){--ui:"Geeza Pro","Noto Naskh Arabic","Segoe UI",Tahoma,system-ui,sans-serif;--txt:"Geeza Pro","Noto Naskh Arabic","Segoe UI",Tahoma,system-ui,sans-serif}
:lang(zh){--ui:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",system-ui,sans-serif;--txt:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",system-ui,sans-serif}
:lang(ar) *,:lang(zh) *{letter-spacing:0!important}
:lang(ar) body{line-height:1.8}
@media (max-width:560px){.top-in:has(.langs){height:auto;min-height:60px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}}
.st-checked{margin:4px 0 0;font-size:14px;color:var(--tx)}
.st-note{margin:6px 0 0;font-size:14px;color:var(--tx2)}
