:root{
  --bg:#0A1428; --bg-2:#050B1A; --surface:#131D34;
  --gold:#C9A961; --gold-hi:#E4CB85;
  --text:#EDE3CE; --muted:#8A8170;
  --line:rgba(201,169,97,0.16); --line-strong:rgba(201,169,97,0.42);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--text);
  font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
a{color:var(--gold-hi);text-decoration:underline;text-decoration-color:rgba(228,203,133,0.35);text-underline-offset:3px;transition:color .2s}
a:hover{color:var(--gold);text-decoration-color:var(--gold)}

.doc-header{
  position:sticky;top:0;z-index:50;
  background:rgba(10,20,40,0.85);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  border-bottom:1px solid var(--line);
}
.doc-header__inner{
  max-width:960px;margin:0 auto;padding:18px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.doc-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.doc-logo:hover{color:var(--gold-hi)}
.doc-logo img{width:34px;height:34px}
.doc-logo span{font-family:"Forum",serif;font-size:18px;letter-spacing:0.03em}
.doc-back,.doc-download{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;
  letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);
  text-decoration:none;display:inline-flex;align-items:center;gap:10px;
  padding:10px 18px;border:1px solid var(--line-strong);border-radius:999px;
  transition:background .2s,border-color .2s,color .2s;
}
.doc-back:hover,.doc-download:hover{background:rgba(201,169,97,0.08);border-color:var(--gold);color:var(--gold-hi)}
.doc-download{background:var(--gold);color:#0A0E1A;border-color:var(--gold)}
.doc-download:hover{background:var(--gold-hi);color:#0A0E1A;border-color:var(--gold-hi)}
.doc-download svg{width:14px;height:14px}
.doc-download--ghost{background:transparent;color:var(--gold);border-color:var(--line-strong)}
.doc-download--ghost:hover{background:rgba(201,169,97,0.08);color:var(--gold-hi);border-color:var(--gold)}
.doc-header__actions{display:flex;align-items:center;gap:10px}
@media (max-width:560px){
  .doc-header__actions{gap:8px}
  .doc-download{padding:8px 14px;font-size:10px;letter-spacing:0.16em}
  .doc-download svg{width:12px;height:12px}
}

.doc-main{max-width:800px;margin:0 auto;padding:72px 28px 96px}
.doc-main h1{
  font-family:"Forum",serif;font-weight:400;color:var(--gold-hi);
  font-size:clamp(32px,4.5vw,56px);line-height:1.05;letter-spacing:-0.015em;
  margin-bottom:14px;
}
.doc-meta{
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;
  letter-spacing:0.24em;text-transform:uppercase;color:var(--muted);
  margin-bottom:56px;padding-bottom:28px;border-bottom:1px solid var(--line);
}
.doc-content h2{
  font-family:"Forum",serif;font-weight:400;color:var(--gold-hi);
  font-size:clamp(22px,2.6vw,30px);line-height:1.25;letter-spacing:0.005em;
  margin:56px 0 18px;display:flex;align-items:baseline;gap:14px;
}
.doc-content h2::before{
  content:counter(h2);counter-increment:h2;
  font-family:"JetBrains Mono",monospace;font-size:12px;
  letter-spacing:0.2em;color:var(--gold);opacity:0.7;
}
.doc-content{counter-reset:h2}
.doc-content h3{
  font-family:"Inter",sans-serif;font-weight:600;color:var(--text);
  font-size:17px;margin:28px 0 10px;letter-spacing:-0.005em;
}
.doc-content p{margin-bottom:14px}
.doc-content p + p{margin-top:0}
.doc-content ul,.doc-content ol{margin:14px 0 18px;padding-left:24px}
.doc-content li{margin-bottom:8px}
.doc-content li::marker{color:var(--gold)}
.doc-content strong,.doc-content b{color:var(--gold-hi);font-weight:500}

.doc-callout{
  background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold);
  padding:20px 26px;margin:24px 0;font-size:14.5px;line-height:1.65;
}

.doc-toc{
  background:var(--surface);border:1px solid var(--line);
  padding:24px 28px;margin:0 0 40px;
}
.doc-toc h4{
  font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:500;
  letter-spacing:0.24em;text-transform:uppercase;color:var(--gold);
  margin-bottom:14px;
}
.doc-toc ol{padding-left:20px;margin:0}
.doc-toc li{margin-bottom:6px;font-size:14.5px}
.doc-toc a{text-decoration:none;color:var(--text)}
.doc-toc a:hover{color:var(--gold-hi)}

.doc-footer{
  border-top:1px solid var(--line);padding:36px 28px 56px;
  max-width:800px;margin:0 auto;
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;
  letter-spacing:0.14em;color:var(--muted);
}
.doc-footer-row{display:flex;flex-wrap:wrap;gap:8px 28px;margin-bottom:14px}
.doc-footer-row span b{color:var(--gold);font-weight:500;margin-right:6px;text-transform:uppercase;letter-spacing:0.18em}
.doc-footer p{font-size:11px;letter-spacing:0.16em}

@media (max-width:560px){
  .doc-main{padding:40px 20px 64px}
  .doc-header__inner{padding:14px 20px;gap:12px}
  .doc-logo span{font-size:15px;display:none}
  .doc-back{padding:8px 14px;font-size:10px;letter-spacing:0.16em}
  .doc-meta{margin-bottom:36px}
  .doc-content h2{margin:36px 0 14px;flex-direction:column;gap:6px}
}