:root{color-scheme:dark;--bg:#05070a;--paper:#0a0e13;--ink:#e7f1f0;--muted:#7e8b93;--line:#1c252d;--accent:#00e5c7;--bad:#ff7085;--good:#69d5a5;--tint:#0b211f;--serif:Georgia,"Times New Roman",serif;--sans:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.72 var(--serif);background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px}
a{color:var(--accent)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.crumbs{font:14px var(--sans);color:var(--muted);max-width:720px;margin:0 auto;padding:20px 20px 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"/";margin-right:6px}
main{max-width:720px;margin:0 auto;padding:12px 20px 64px}
article{background:rgba(10,14,19,.97);border:1px solid var(--line);padding:32px 28px;box-shadow:0 24px 80px rgba(0,0,0,.18)}
h1{font:800 clamp(1.7rem,5vw,2.4rem)/1.15 var(--sans);letter-spacing:-.02em;margin:0 0 12px}
h2{font:700 1.45rem/1.25 var(--sans);margin:2.2em 0 .5em;padding-top:.5em;border-top:1px solid var(--line)}
h3{font:700 1.1rem/1.3 var(--sans);margin:1.6em 0 .4em}
.meta{font:14px var(--sans);color:var(--muted);margin:0 0 24px}
p{margin:0 0 1em}ul,ol{padding-left:1.3em;margin:0 0 1em}li{margin-bottom:.4em}
.answer{background:var(--tint);border-left:4px solid var(--accent);padding:16px 18px;margin:0 0 1.2em}.answer p{margin:0}
figure{margin:1.6em 0}.scroll{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font:15px var(--sans);font-variant-numeric:tabular-nums}
.tbl th,.tbl td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right}
.tbl th:first-child,.tbl td:first-child{text-align:left}.tbl th{color:var(--muted);font-weight:600}
.real td:last-child{color:var(--good);font-weight:700}.fake td:last-child{color:var(--bad);font-weight:700}
.fake{background:color-mix(in srgb,var(--bad) 8%,transparent)}
figcaption{font:13px var(--sans);color:var(--muted);margin-top:8px}
figure img{display:block;max-width:100%;height:auto;border:1px solid var(--line)}
details{border-top:1px solid var(--line);padding:12px 0}summary{font:700 1.02rem var(--sans);cursor:pointer}details p{margin:.6em 0 0}
.cta{background:#071b18;color:var(--ink);border:1px solid rgba(0,229,199,.25);padding:26px 24px;margin-top:2.4em}.cta p{margin:0 0 14px;font-family:var(--sans)}
.cta a.btn{display:inline-block;background:var(--accent);color:#03211d;font:700 1rem var(--sans);padding:12px 22px;text-decoration:none}
@media(max-width:520px){article{padding:22px 16px}body{font-size:17px}}
body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.site-header{max-width:1120px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:15px var(--sans)}
.site-header .brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink);text-decoration:none}.site-header .brand em{color:var(--accent);font-style:normal}.site-header .brand-mark{color:var(--accent)}
.site-header nav{display:flex;gap:18px;align-items:center}
.site-header nav a{color:var(--ink);text-decoration:none}
.site-header nav a[aria-current="page"]{color:var(--accent)}
.site-header .btn-sm{background:rgba(0,229,199,.08);border:1px solid rgba(0,229,199,.35);color:var(--accent);padding:8px 14px}
.site-footer{max-width:1040px;margin:0 auto;padding:22px 20px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:12px var(--mono);color:var(--muted)}.site-footer p{margin:0}
.chip{display:inline-block;font:600 12px var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
main.hub{max-width:1040px}
.hub h1{font-size:clamp(1.9rem,5vw,2.8rem)}
.lead{color:var(--muted);max-width:60ch;font:1.05rem/1.6 var(--sans)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:28px 0}
.card{background:rgba(10,14,19,.97);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease}
.card:hover{transform:translateY(-3px);border-color:#30414b}
.card h2{font:700 1.15rem/1.3 var(--sans);border:0;margin:0 0 8px;padding:0}
.card h2 a{color:var(--ink);text-decoration:none}.card h2 a:hover{color:var(--accent)}
.card p{font:15px/1.55 var(--sans);color:var(--muted);flex:1;margin:0 0 12px}
.card .meta{margin:0;font-size:13px}
.pager{display:flex;gap:16px;justify-content:center;font:15px var(--sans)}
.related li{font-family:var(--sans)}
@media(max-width:760px){.site-header{align-items:flex-start}.site-header nav{align-items:flex-end;flex-direction:column;gap:8px}.site-header .btn-sm{font-size:12px;padding:7px 10px}.site-footer{flex-direction:column}.crumbs{padding-top:14px}}
