/* ETSi Website — style.css */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg:    #0a0a0a; --bg2: #111; --bg3: #181818; --bg4: #1e1e1e;
  --border: #242424; --border2: #2e2e2e;
  --amber: #FF9F0A; --green: #30D158; --red: #FF3B30;
  --text:  #e5e5ea; --muted: #636366; --dim: #3a3a3c;
  --mono:  'JetBrains Mono', monospace;
  --sans:  'Space Grotesk', sans-serif;
  --ease:  cubic-bezier(.4,0,.2,1);
}
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--text); font-family: var(--sans); line-height: 1.65; overflow-x: hidden; }
::selection { background: var(--amber); color: var(--bg); }
::-webkit-scrollbar { width: 3px; } ::-webkit-scrollbar-track { background: var(--bg); } ::-webkit-scrollbar-thumb { background: var(--border2); }
a { color: inherit; text-decoration: none; }
code { font-family: var(--mono); font-size:.8em; color:var(--amber); background:rgba(255,159,10,.1); padding:2px 8px; border:1px solid rgba(255,159,10,.2); }
#typewriter { padding:0; background:none; border:none; font-size:inherit; color:inherit; }
.amber { color: var(--amber); }
.container { max-width: 1160px; margin: 0 auto; padding: 0 48px; }
@media(max-width:640px){ .container { padding: 0 20px; } }

/* ── NAV ── */
#nav { position:fixed; top:0; left:0; right:0; z-index:200; background:rgba(10,10,10,.92); backdrop-filter:blur(12px); border-bottom:1px solid var(--border); transition:border-color .3s; }
.nav-inner { max-width:1160px; margin:0 auto; padding:0 48px; height:58px; display:flex; align-items:center; gap:40px; }
@media(max-width:640px){ .nav-inner { padding:0 20px; } }
.nav-logo { display:flex; align-items:center; flex-shrink:0; }
.nav-logo-img { height:30px; width:auto; }
.nav-links { list-style:none; display:flex; gap:28px; margin-left:auto; }
.nav-links a { font-size:.82rem; color:var(--muted); transition:color .2s; letter-spacing:.01em; }
.nav-links a:hover { color:var(--text); }
.nav-cta { color:var(--amber) !important; border:1px solid rgba(255,159,10,.4); padding:6px 16px; transition:background .2s,color .2s !important; }
.nav-cta:hover { background:var(--amber); color:var(--bg) !important; }
.hamburger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:4px; margin-left:auto; }
.hamburger span { display:block; width:22px; height:1.5px; background:var(--text); transition:.3s; }
.nav-mobile { display:none; flex-direction:column; border-top:1px solid var(--border); background:var(--bg2); }
.nav-mobile.open { display:flex; }
.nav-mobile a { padding:13px 48px; font-size:.88rem; color:var(--muted); border-bottom:1px solid var(--border); transition:color .2s,background .2s; }
.nav-mobile a:hover { color:var(--text); background:var(--bg3); }
@media(max-width:900px){ .nav-links { display:none; } .hamburger { display:flex; } }

/* ── HERO ── */
#hero { position:relative; min-height:100vh; display:flex; align-items:center; padding:80px 0 60px; overflow:hidden; }
#mesh-canvas { position:absolute; inset:0; width:100%; height:100%; opacity:.35; pointer-events:none; }
.hero-grid-overlay {
  position:absolute; inset:0; pointer-events:none; opacity:.04;
  background-image: linear-gradient(var(--border2) 1px, transparent 1px), linear-gradient(90deg, var(--border2) 1px, transparent 1px);
  background-size: 48px 48px;
}
.hero-inner { position:relative; z-index:1; max-width:1160px; margin:0 auto; padding:0 48px; display:grid; grid-template-columns:1fr 420px; gap:60px; align-items:center; width:100%; }
@media(max-width:960px){ .hero-inner { grid-template-columns:1fr; } .hero-terminal { display:none !important; } }
@media(max-width:640px){ .hero-inner { padding:0 20px; } }
.eyebrow { display:inline-flex; align-items:center; gap:10px; font-family:var(--mono); font-size:.66rem; letter-spacing:.2em; color:var(--muted); margin-bottom:24px; }
.live-dot { width:7px; height:7px; border-radius:50%; background:var(--green); flex-shrink:0; animation:livePulse 2.5s ease infinite; }
@keyframes livePulse { 0%,100%{box-shadow:0 0 0 0 rgba(48,209,88,.5)} 50%{box-shadow:0 0 0 7px rgba(48,209,88,0)} }
h1 { font-size:clamp(2.8rem,5.5vw,5rem); font-weight:700; line-height:1.0; letter-spacing:-.03em; margin-bottom:22px; }
.hero-desc { color:var(--muted); font-size:1rem; line-height:1.8; max-width:480px; margin-bottom:32px; }
.hero-btns { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:28px; }
.hero-chips { display:flex; flex-wrap:wrap; gap:8px; }
.chip { display:inline-flex; align-items:center; gap:7px; font-family:var(--mono); font-size:.63rem; letter-spacing:.1em; color:var(--muted); border:1px solid var(--border); padding:5px 12px; }
.chip-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; }
.chip-dot.green { background:var(--green); } .chip-dot.amber { background:var(--amber); } .chip-dot.muted { background:var(--dim); }

/* Buttons */
.btn-primary { display:inline-flex; align-items:center; gap:9px; background:var(--amber); color:var(--bg); font-family:var(--mono); font-size:.75rem; font-weight:700; letter-spacing:.08em; padding:13px 26px; border:1px solid var(--amber); cursor:pointer; transition:transform .15s var(--ease),box-shadow .15s var(--ease); white-space:nowrap; }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 10px 32px rgba(255,159,10,.3); }
.btn-outline { display:inline-flex; align-items:center; font-family:var(--mono); font-size:.75rem; font-weight:600; letter-spacing:.08em; padding:13px 26px; border:1px solid var(--border2); color:var(--muted); transition:border-color .2s,color .2s; white-space:nowrap; }
.btn-outline:hover { border-color:var(--text); color:var(--text); }
.btn-lg { padding:15px 32px; font-size:.8rem; }

/* Terminal */
.hero-terminal { border:1px solid var(--border2); background:var(--bg2); }
.term-bar { display:flex; align-items:center; gap:7px; padding:10px 16px; border-bottom:1px solid var(--border); background:var(--bg3); }
.tdot { width:10px; height:10px; border-radius:50%; }
.tdot.r { background:#FF3B30; } .tdot.y { background:#FF9F0A; } .tdot.g { background:#30D158; }
.term-title { font-family:var(--mono); font-size:.6rem; letter-spacing:.15em; color:var(--muted); flex:1; text-align:center; }
.term-body { padding:18px 20px; font-family:var(--mono); font-size:.7rem; line-height:1.95; color:var(--green); min-height:200px; overflow:hidden; }
#typewriter::after { content:'█'; color:var(--amber); animation:blink 1s step-end infinite; }
@keyframes blink { 50%{opacity:0} }
.term-footer { display:flex; gap:20px; padding:10px 20px; border-top:1px solid var(--border); background:var(--bg3); }
.tf-item { display:flex; align-items:center; gap:6px; font-family:var(--mono); font-size:.6rem; letter-spacing:.1em; color:var(--muted); }
.tf-dot { width:6px; height:6px; border-radius:50%; }
.tf-dot.green { background:var(--green); animation:livePulse 2s ease infinite; }
.tf-dot.amber { background:var(--amber); }

/* Scroll hint */
.hero-scroll-hint { position:absolute; bottom:32px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:8px; z-index:1; }
.hero-scroll-hint span:first-child { font-family:var(--mono); font-size:.58rem; letter-spacing:.22em; color:var(--dim); }
.scroll-line { width:1px; height:40px; background:linear-gradient(to bottom, var(--dim), transparent); animation:scrollPulse 2s ease infinite; }
@keyframes scrollPulse { 0%,100%{opacity:.3} 50%{opacity:1} }

/* ── STATS STRIP ── */
.stats-strip { background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:40px 0; }
.stats-inner { max-width:1160px; margin:0 auto; padding:0 48px; display:flex; align-items:center; justify-content:center; gap:0; }
.stat-item { flex:1; text-align:center; padding:0 32px; }
.stat-val { display:block; font-family:var(--mono); font-size:2.4rem; font-weight:700; line-height:1; margin-bottom:8px; color:var(--text); }
.stat-val.amber { color:var(--amber); }
.stat-label { display:block; font-family:var(--mono); font-size:.62rem; letter-spacing:.18em; color:var(--muted); }
.stat-div { width:1px; height:50px; background:var(--border2); flex-shrink:0; }
@media(max-width:640px){ .stats-inner { padding:0 20px; gap:8px; } .stat-item { padding:0 12px; } .stat-val { font-size:1.6rem; } }

/* ── BELT ── */
.belt { overflow:hidden; border-bottom:1px solid var(--border); background:var(--bg); padding:12px 0; }
.belt-track { display:flex; gap:24px; white-space:nowrap; animation:belt 40s linear infinite; font-family:var(--mono); font-size:.67rem; letter-spacing:.14em; color:var(--muted); }
.belt-track .sep { color:var(--amber); opacity:.4; }
@keyframes belt { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ── SECTIONS ── */
.section { padding:96px 0; }
.section--dark { background:var(--bg2); }
.section--cta { background:var(--bg3); border-top:1px solid var(--border); }
.section-label { font-family:var(--mono); font-size:.63rem; letter-spacing:.24em; color:var(--amber); margin-bottom:14px; }
.section-title { font-size:clamp(1.9rem,3.5vw,3rem); font-weight:700; line-height:1.12; letter-spacing:-.025em; margin-bottom:52px; }

/* ── FEATURES ── */
.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); }
.feat { background:var(--bg); padding:36px 32px; border-left:2px solid transparent; transition:background .2s,border-color .2s; }
.feat:hover { background:var(--bg2); border-left-color:var(--amber); }
.feat--accent { background:var(--amber); color:var(--bg); border-left-color:transparent !important; }
.feat--accent:hover { background:#e8900a; }
.feat--accent .feat-tag { color:rgba(0,0,0,.5); }
.feat--accent code { background:rgba(0,0,0,.1); border-color:rgba(0,0,0,.2); color:var(--bg); }
.feat-icon { margin-bottom:18px; }
.feat-tag { display:block; font-family:var(--mono); font-size:.58rem; letter-spacing:.22em; color:var(--muted); margin-bottom:10px; }
.feat h3 { font-size:1.1rem; font-weight:700; margin-bottom:12px; line-height:1.2; }
.feat p { font-size:.875rem; color:var(--muted); line-height:1.78; }
.feat-code { margin-top:24px; border-top:1px solid var(--border); padding-top:16px; font-family:var(--mono); font-size:.62rem; letter-spacing:.1em; color:var(--amber); }
@media(max-width:860px){ .features-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:540px){ .features-grid { grid-template-columns:1fr; } }

/* ── HOW IT WORKS ── */
.steps { display:flex; flex-direction:column; }
.step { display:grid; grid-template-columns:64px 1fr; gap:28px; }
.step-left { display:flex; flex-direction:column; align-items:center; }
.step-num { font-family:var(--mono); font-size:1.6rem; font-weight:700; color:var(--border2); line-height:1; padding:6px 0; transition:color .3s; }
.step.visible .step-num { color:var(--amber); }
.step-line { flex:1; width:1px; background:var(--border); margin:8px 0; min-height:24px; }
.step-body { padding:4px 0 40px; }
.step--last .step-body { padding-bottom:0; }
.step-body h3 { font-size:1.15rem; font-weight:700; margin-bottom:10px; }
.step-body p { font-size:.88rem; color:var(--muted); line-height:1.78; max-width:560px; }
.step-tag { display:inline-block; margin-top:14px; font-family:var(--mono); font-size:.62rem; letter-spacing:.14em; color:var(--green); border:1px solid rgba(48,209,88,.3); padding:4px 10px; }

/* ── USE CASES ── */
.usecases-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--border); }
.usecase { background:var(--bg); padding:36px 32px; transition:background .2s; border-left:2px solid transparent; }
.usecase:hover { background:var(--bg2); border-left-color:var(--green); }
.usecase-num { font-family:var(--mono); font-size:.65rem; letter-spacing:.2em; color:var(--muted); margin-bottom:14px; }
.usecase h3 { font-size:1.1rem; font-weight:700; margin-bottom:10px; }
.usecase p { font-size:.875rem; color:var(--muted); line-height:1.78; }
@media(max-width:680px){ .usecases-grid { grid-template-columns:1fr; } }

/* ── STACK ── */
.stack-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); margin-bottom:28px; }
.stack-card { background:var(--bg2); padding:26px 24px; border-left:2px solid transparent; transition:background .2s,border-color .2s; display:flex; flex-direction:column; gap:6px; }
.stack-card:hover { background:var(--bg3); border-left-color:var(--amber); }
.stack-name { font-family:var(--mono); font-size:.95rem; font-weight:700; }
.stack-desc { font-family:var(--mono); font-size:.62rem; letter-spacing:.08em; color:var(--muted); }
.stack-note { display:flex; gap:16px; align-items:flex-start; padding:22px 24px; border:1px solid var(--border2); background:var(--bg3); }
.note-pill { font-family:var(--mono); font-size:.58rem; letter-spacing:.18em; color:var(--amber); border:1px solid rgba(255,159,10,.35); padding:4px 10px; flex-shrink:0; margin-top:2px; }
.stack-note p { font-size:.875rem; color:var(--muted); line-height:1.65; }
.stack-note strong { color:var(--text); font-weight:600; }
@media(max-width:680px){ .stack-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:440px){ .stack-grid { grid-template-columns:1fr; } }

/* ── FAQ ── */
.faq-list { display:flex; flex-direction:column; border:1px solid var(--border); }
.faq-item { border-bottom:1px solid var(--border); }
.faq-item:last-child { border-bottom:none; }
.faq-item summary { list-style:none; cursor:pointer; padding:22px 28px; font-weight:600; font-size:.95rem; display:flex; justify-content:space-between; align-items:center; gap:16px; transition:background .2s,color .2s; user-select:none; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::after { content:'+'; font-family:var(--mono); font-size:1.2rem; color:var(--amber); flex-shrink:0; transition:transform .25s; }
.faq-item[open] summary::after { transform:rotate(45deg); }
.faq-item summary:hover { background:var(--bg2); color:var(--amber); }
.faq-item[open] summary { background:var(--bg2); color:var(--amber); }
.faq-item p { padding:0 28px 24px; font-size:.9rem; color:var(--muted); line-height:1.78; }

/* ── DOWNLOAD / CTA ── */
.cta-block { display:grid; grid-template-columns:1fr 360px; gap:80px; align-items:center; }
.cta-left .section-label { margin-bottom:14px; }
.cta-left h2 { font-size:clamp(2.2rem,4vw,3.4rem); font-weight:700; line-height:1.05; letter-spacing:-.025em; margin-bottom:18px; }
.cta-left p { color:var(--muted); font-size:.95rem; line-height:1.75; margin-bottom:30px; }
.cta-btns { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.cta-meta { font-family:var(--mono); font-size:.63rem; letter-spacing:.1em; color:var(--muted); }
.release-meta { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.rm-item { font-family:var(--mono); font-size:.63rem; letter-spacing:.1em; color:var(--muted); }
.rm-version { font-family:var(--mono); font-size:.63rem; letter-spacing:.1em; color:var(--amber); border:1px solid rgba(255,159,10,.3); padding:3px 8px; }
.rm-size { font-family:var(--mono); font-size:.63rem; letter-spacing:.1em; color:var(--muted); }
.checksum-block { margin-top:16px; background:var(--bg); border:1px solid var(--border2); padding:14px 16px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.cs-label { font-family:var(--mono); font-size:.58rem; letter-spacing:.18em; color:var(--muted); flex-shrink:0; }
.cs-value { font-family:var(--mono); font-size:.65rem; color:var(--text); word-break:break-all; flex:1; opacity:.75; }
.cs-copy { font-family:var(--mono); font-size:.58rem; letter-spacing:.14em; background:none; border:1px solid var(--border2); color:var(--amber); padding:5px 10px; cursor:pointer; transition:background .2s,color .2s; flex-shrink:0; }
.cs-copy:hover { background:var(--amber); color:var(--bg); }
.feature-list-box { background:var(--bg2); border:1px solid var(--border2); padding:28px; }
.flb-header { font-family:var(--mono); font-size:.63rem; letter-spacing:.2em; color:var(--amber); border-bottom:1px solid var(--border); padding-bottom:14px; margin-bottom:16px; }
.flb-list { list-style:none; display:flex; flex-direction:column; gap:12px; }
.flb-list li { font-family:var(--mono); font-size:.73rem; letter-spacing:.05em; color:var(--muted); display:flex; align-items:center; gap:12px; transition:color .2s; }
.flb-list li:hover { color:var(--text); }
.flb-check { color:var(--green); font-size:.85rem; flex-shrink:0; }
@media(max-width:860px){ .cta-block { grid-template-columns:1fr; gap:48px; } .feature-list-box { max-width:400px; } }

/* ── FOOTER ── */
footer { border-top:1px solid var(--border); padding:48px 0 40px; background:var(--bg2); }
.footer-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; }
.footer-logo-img { height:26px; width:auto; margin-bottom:10px; }
.footer-sub { font-size:.82rem; color:var(--muted); margin-bottom:4px; }
.footer-domain { font-family:var(--mono); font-size:.7rem; color:var(--amber); letter-spacing:.08em; }
.footer-domain:hover { text-decoration:underline; }
.footer-nav { display:flex; gap:24px; flex-wrap:wrap; }
.footer-nav a { font-size:.83rem; color:var(--muted); transition:color .2s; }
.footer-nav a:hover { color:var(--text); }
.footer-copy { font-size:.78rem; color:var(--dim); }
@media(max-width:680px){ .footer-inner { flex-direction:column; align-items:flex-start; } .footer-nav { gap:16px; } }

/* ── REVEAL ── */
[data-reveal] { opacity:0; transform:translateY(22px); transition:opacity .65s var(--ease),transform .65s var(--ease); }
[data-reveal].visible { opacity:1; transform:none; }
[data-delay="50"]  { transition-delay:.05s; }
[data-delay="100"] { transition-delay:.10s; }
[data-delay="150"] { transition-delay:.15s; }
[data-delay="200"] { transition-delay:.20s; }
[data-delay="250"] { transition-delay:.25s; }
[data-delay="300"] { transition-delay:.30s; }
@media(prefers-reduced-motion:reduce){ [data-reveal]{opacity:1;transform:none;transition:none} .belt-track,.scroll-line,.live-dot,.tf-dot{animation:none} #typewriter::after{animation:none} }

/* ── NOTIFY FORM ── */
.notify-form { margin-top:20px; }
.notify-label { font-family:var(--mono); font-size:.65rem; letter-spacing:.14em; color:var(--muted); margin-bottom:10px; }
.notify-row { display:flex; gap:0; }
.notify-input { flex:1; background:var(--bg); border:1px solid var(--border2); border-right:none; color:var(--text); font-family:var(--mono); font-size:.75rem; padding:11px 14px; outline:none; transition:border-color .2s; }
.notify-input:focus { border-color:var(--amber); }
.notify-btn { font-family:var(--mono); font-size:.7rem; font-weight:700; letter-spacing:.1em; background:var(--amber); color:var(--bg); border:1px solid var(--amber); padding:11px 18px; cursor:pointer; transition:background .2s; white-space:nowrap; }
.notify-btn:hover { background:#e8900a; }

/* ── DOWNLOAD COUNT ── */
.dl-count { font-family:var(--mono); font-size:.7rem; letter-spacing:.08em; color:var(--muted); margin-top:12px; }
.dl-count-num { color:var(--green); font-weight:700; }

/* ── SUBPAGES (shared) ── */
.subpage-main { padding-top:100px; padding-bottom:96px; min-height:80vh; }
.subpage-header { padding-bottom:48px; border-bottom:1px solid var(--border); margin-bottom:48px; }
.subpage-header h1 { font-size:clamp(2rem,4vw,3.2rem); font-weight:700; letter-spacing:-.025em; margin-top:10px; }
.subpage-desc { color:var(--muted); font-size:1rem; line-height:1.7; margin-top:12px; max-width:560px; }

/* ── CHANGELOG ── */
.cl-entry { padding:32px 0; border-bottom:1px solid var(--border); }
.cl-entry--latest { border-left:2px solid var(--amber); padding-left:24px; }
.cl-meta { display:flex; align-items:center; gap:12px; margin-bottom:16px; flex-wrap:wrap; }
.cl-version { font-family:var(--mono); font-size:1rem; font-weight:700; color:var(--text); }
.cl-badge { font-family:var(--mono); font-size:.58rem; letter-spacing:.18em; background:var(--amber); color:var(--bg); padding:3px 8px; font-weight:700; }
.cl-date { font-family:var(--mono); font-size:.65rem; letter-spacing:.1em; color:var(--muted); }
.cl-list { list-style:none; display:flex; flex-direction:column; gap:8px; }
.cl-list li { font-size:.9rem; color:var(--muted); padding-left:18px; position:relative; line-height:1.6; }
.cl-list li::before { content:'→'; position:absolute; left:0; color:var(--amber); font-family:var(--mono); }
.cl-empty { padding:60px 0; text-align:center; }
.cl-empty p { color:var(--muted); margin-top:12px; }

/* ── DOCS LAYOUT ── */
.docs-layout { display:grid; grid-template-columns:220px 1fr; min-height:calc(100vh - 58px); padding-top:58px; }
.docs-sidebar { background:var(--bg2); border-right:1px solid var(--border); padding:40px 24px; position:sticky; top:58px; height:calc(100vh - 58px); overflow-y:auto; }
.docs-sidebar-title { font-family:var(--mono); font-size:.58rem; letter-spacing:.24em; color:var(--amber); margin-bottom:20px; }
.docs-nav { display:flex; flex-direction:column; gap:2px; }
.docs-nav a { font-size:.85rem; color:var(--muted); padding:9px 12px; border-left:2px solid transparent; transition:color .2s,border-color .2s,background .2s; }
.docs-nav a:hover { color:var(--text); background:var(--bg3); }
.docs-nav a.active { color:var(--amber); border-left-color:var(--amber); background:var(--bg3); }
.docs-content { padding:52px 64px 96px; max-width:760px; }
.docs-content h1 { font-size:2rem; font-weight:700; letter-spacing:-.02em; margin-bottom:20px; padding-bottom:16px; border-bottom:1px solid var(--border); }
.docs-content h2 { font-size:1.1rem; font-weight:700; margin:32px 0 10px; }
.docs-content p { font-size:.9rem; color:var(--muted); line-height:1.8; margin-bottom:14px; }
.docs-content ul,.docs-content ol { padding-left:20px; display:flex; flex-direction:column; gap:8px; margin-bottom:16px; }
.docs-content li { font-size:.9rem; color:var(--muted); line-height:1.7; }
.docs-content a { color:var(--amber); }
.docs-content a:hover { text-decoration:underline; }
.docs-lead { font-size:1rem !important; color:var(--text) !important; }
.docs-callout { background:var(--bg2); border-left:3px solid var(--amber); padding:14px 18px; font-size:.85rem; color:var(--muted); line-height:1.7; margin:20px 0; }
.docs-callout--warn { border-left-color:var(--red); }
.docs-code { background:var(--bg2); border:1px solid var(--border); font-family:var(--mono); font-size:.75rem; color:var(--green); padding:16px 20px; margin:14px 0; white-space:pre; overflow-x:auto; line-height:1.8; }
.docs-table { width:100%; border-collapse:collapse; font-size:.85rem; margin:14px 0; }
.docs-table th { text-align:left; font-family:var(--mono); font-size:.6rem; letter-spacing:.18em; color:var(--amber); padding:10px 14px; border-bottom:1px solid var(--border2); }
.docs-table td { padding:10px 14px; color:var(--muted); border-bottom:1px solid var(--border); }
.docs-table tr:last-child td { border-bottom:none; }
@media(max-width:800px){ .docs-layout { grid-template-columns:1fr; } .docs-sidebar { position:static; height:auto; } .docs-content { padding:32px 20px 64px; } }