:root {
  --bg:#0b1020;
  --bg2:#121a31;
  --panel:rgba(15,23,42,.88);
  --panel2:rgba(255,255,255,.04);
  --text:#eef2ff;
  --muted:#aab5d6;
  --border:rgba(255,255,255,.08);
  --accent:#7c9cff;
  --accent2:#67e8f9;
  --shadow:0 18px 44px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at top left, rgba(124,156,255,.18), transparent 26%), radial-gradient(circle at top right, rgba(103,232,249,.12), transparent 24%), var(--bg)}
.top-nav{position:sticky;top:0;z-index:1000;padding:16px 0;background:rgba(11,16,32,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.top-actions{margin-top:0;align-items:center}
.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}
.hero{padding:72px 0 36px}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent2);font-size:12px;margin:0 0 12px}
h1{font-size:clamp(36px,6vw,66px);line-height:0.98;margin:0 0 18px}
.lead{max-width:840px;color:var(--muted);font-size:18px;line-height:1.65}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-block;padding:12px 18px;border-radius:14px;border:1px solid var(--border);text-decoration:none;color:var(--text);font-weight:700;background:rgba(255,255,255,.03)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#08111f;border:none}
.page{padding:24px 0 60px}
.top-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-bottom:32px}
.main-card,.accordion-item,details.card{background:var(--panel);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.main-card{padding:26px}
.main-card.accent{background:linear-gradient(160deg,rgba(124,156,255,.16),rgba(15,23,42,.94))}
.tag{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(124,156,255,.2);font-weight:700;font-size:13px}
.tag-soft{background:rgba(103,232,249,.14)}
.main-card h2,.section-head h2{margin:12px 0 10px;font-size:clamp(28px,4vw,42px)}
.main-card p,.section-head p{color:var(--muted);line-height:1.6}
.stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.stats div{min-width:138px;padding:14px 16px;border-radius:18px;background:var(--panel2);border:1px solid var(--border)}
.stats strong{display:block;font-size:28px}
.stats span{color:var(--muted);font-size:14px}
.section{padding:20px 0}
.section-head{margin-bottom:18px}
.accordion-list{margin:0;padding-left:0;display:grid;gap:16px;list-style:none}
.accordion-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
details.card{overflow:hidden}
details.card > summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
details.card > summary::-webkit-details-marker{display:none}
.summary-left{display:flex;gap:14px;align-items:flex-start}
.index-badge{width:38px;height:38px;border-radius:12px;background:rgba(124,156,255,.16);display:grid;place-items:center;font-weight:800;color:#dce6ff;flex:0 0 auto}
.summary-text h3{margin:0 0 6px;font-size:20px}
.summary-text p{margin:0;color:var(--muted);line-height:1.5}
.chevron{font-size:24px;color:var(--muted);transition:transform .2s ease}
details[open] .chevron{transform:rotate(90deg)}
.content{padding:0 22px 22px;border-top:1px solid var(--border);background:rgba(255,255,255,.02)}
.content-inner{padding-top:18px}
.md h1,.md h2,.md h3,.md h4{line-height:1.2;margin:1.1em 0 .55em}
.md h1{font-size:28px}.md h2{font-size:24px}.md h3{font-size:20px}.md h4{font-size:17px}
.md p,.md li,.md blockquote{line-height:1.72;color:#e6ebff}
.md ul,.md ol{padding-left:22px}
.md code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;background:rgba(255,255,255,.06);padding:.15em .4em;border-radius:8px;font-size:.95em}
.md pre{margin:14px 0;padding:16px;border-radius:18px;overflow:auto;background:#09101e;border:1px solid rgba(255,255,255,.08)}
.md pre code{background:none;padding:0;border-radius:0;display:block;white-space:pre-wrap;line-height:1.48;color:#dfe7ff}
.md blockquote{margin:14px 0;padding:14px 16px;border-left:3px solid var(--accent2);background:rgba(103,232,249,.07);border-radius:0 14px 14px 0;color:#d7f7ff}
.md table{width:100%;border-collapse:collapse;margin:16px 0;display:block;overflow:auto}
.md th,.md td{border:1px solid rgba(255,255,255,.08);padding:10px 12px;text-align:left}
.md th{background:rgba(124,156,255,.12)}
.sources{margin-top:18px;padding-top:14px;border-top:1px dashed rgba(255,255,255,.1)}
.sources-title{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent2);margin:0 0 10px}
.source-pill{display:inline-flex;margin:0 8px 8px 0;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--border);color:#dfe7ff;font-size:13px}
@media (max-width:920px){.top-grid,.accordion-grid{grid-template-columns:1fr}}

.md img{max-width:100%;height:auto;display:block;margin:16px 0;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px rgba(0,0,0,.24)}
.md a{color:#9ddcff;text-decoration:none}
.md a:hover{text-decoration:underline}
.md hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:22px 0}
.md details{margin:14px 0;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.03)}
.md summary{cursor:pointer;font-weight:700}
.note{margin-top:16px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--muted);line-height:1.6}

.missing-image{margin:16px 0}.missing-image-box{padding:22px;border-radius:18px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.03);color:var(--muted);text-align:center}.missing-image figcaption{margin-top:8px;color:var(--muted);font-size:14px}