:root{
  --bg:#f6f9fa;--bg-card:#fff;--bg-soft:#fbfcfd;
  --line:#e6ebef;--line-strong:#d1d9df;
  --text:#0d1b22;--text-muted:#56636d;--text-dim:#8893a0;
  --teal:#7ea088;--teal-deep:#3e7649;--teal-tint:#ebf2ec;
  --r:14px;--r-lg:20px;--r-xl:28px;
}
html[data-theme="dark"]{
  --bg:#0e1614;--bg-card:#18221f;--bg-soft:#131c1a;
  --line:#243029;--line-strong:#2f3d35;
  --text:#ecf2ee;--text-muted:#9eafa5;--text-dim:#6b7c73;
  --teal:#95bd9f;--teal-deep:#b8d4be;--teal-tint:#1c2a21;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.65}
a{color:var(--teal-deep);text-decoration:underline}
a:hover{text-decoration:none}
.nav{background:var(--bg-card);border-bottom:1px solid var(--line);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.nav-brand img{height:34px;width:auto}
.nav-brand span{font-family:'Manrope',sans-serif;font-weight:800;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-deep)}
.nav-links{display:flex;gap:18px;font-family:'Manrope',sans-serif;font-weight:600;font-size:.88rem}
.nav-links a{color:var(--text-muted);text-decoration:none}
.nav-links a:hover{color:var(--teal-deep)}
.wrap{max-width:780px;margin:0 auto;padding:48px 28px 80px}
.wrap h1{font-family:'Manrope',sans-serif;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:0 0 8px;color:var(--text)}
.wrap .lead{font-size:1.05rem;color:var(--text-muted);margin-bottom:32px}
.wrap h2{font-family:'Manrope',sans-serif;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin:36px 0 12px;color:var(--text);border-bottom:1px solid var(--line);padding-bottom:8px}
.wrap h3{font-family:'Manrope',sans-serif;font-size:1.1rem;font-weight:700;margin:24px 0 8px;color:var(--teal-deep)}
.wrap ul{padding-left:22px}
.wrap li{margin-bottom:6px}
.wrap .meta{font-size:.84rem;color:var(--text-dim);background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:24px;line-height:1.6}
.wrap .meta strong{color:var(--text)}
.wrap .callout{background:var(--teal-tint);border-left:4px solid var(--teal);border-radius:10px;padding:14px 18px;margin:18px 0;font-size:.94rem}
.wrap .callout strong{color:var(--teal-deep);font-family:'Manrope',sans-serif}
.wrap .warn{background:#fef3c7;border-left:4px solid #d97706;border-radius:10px;padding:14px 18px;margin:18px 0;font-size:.94rem;color:#78350f}
html[data-theme="dark"] .wrap .warn{background:#3d2e0a;color:#fcd34d}
.foot{background:var(--text);color:#9eafa5;padding:40px 24px;text-align:center;font-size:.84rem}
.foot a{color:#b8d4be}
.toc{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-bottom:28px}
.toc h4{font-family:'Manrope',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px}
.toc ul{margin:0;padding-left:20px}
.toc li{margin-bottom:4px;font-size:.92rem}