:root { --forest:#0b2d22; --deep:#061c16; --paper:#f5f3ec; --ink:#14231b; --muted:#6e7972; --line:rgba(20,35,27,.14); }
* { box-sizing:border-box; }
body { margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans SC","PingFang SC",sans-serif; }
button { font:inherit; }
.topbar { min-height:105px;padding:22px clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--forest);color:#fff;border-bottom:1px solid rgba(255,255,255,.18); }
.eyebrow { margin:0 0 5px;color:#adc1b6;font-size:9px;font-weight:600;letter-spacing:.18em; }
.topbar h1 { margin:0;font-size:clamp(24px,4vw,42px);font-weight:500; }
.home-link { padding:10px 15px;border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;font-size:11px; }
main { padding:clamp(18px,4vw,55px); }
.docs-shell { max-width:1420px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start; }
.docs-nav { position:sticky;top:20px;display:grid;border:1px solid var(--line);background:#fff; }
.doc-link { min-height:48px;padding:0 16px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--muted);text-align:left;cursor:pointer;font-size:12px; }
.doc-link:last-child { border-bottom:0; }
.doc-link:hover,.doc-link.is-active { background:var(--forest);color:#fff; }
.doc-viewer { min-height:70vh;padding:clamp(24px,5vw,70px);border:1px solid var(--line);background:#fff;box-shadow:0 20px 60px rgba(18,38,27,.08); }
.doc-viewer h1 { margin:0 0 30px;font-size:clamp(32px,5vw,60px);line-height:1; }
.doc-viewer h2 { margin:42px 0 14px;padding-top:20px;border-top:1px solid var(--line);font-size:25px; }
.doc-viewer h3 { margin:28px 0 10px;font-size:17px; }
.doc-viewer p,.doc-viewer li { color:#4d5c53;font-size:14px;line-height:1.85; }
.doc-viewer ul { padding-left:20px; }
.doc-viewer code { padding:2px 5px;background:#edf0ea;color:var(--forest); }
.doc-viewer table { width:100%;margin:20px 0;border-collapse:collapse;overflow-x:auto;display:block; }
.doc-viewer th,.doc-viewer td { min-width:130px;padding:11px;border:1px solid var(--line);text-align:left;font-size:12px; }
.doc-viewer th { background:#edf0ea; }
@media (max-width:760px) { .docs-shell{grid-template-columns:1fr}.docs-nav{position:static;grid-template-columns:repeat(2,1fr)}.doc-link{border-right:1px solid var(--line)}.doc-viewer{padding:24px}.topbar{min-height:85px}.eyebrow{letter-spacing:.08em} }