/* Futuristic documentation layer */
:root{--fx-bg:#07120d;--fx-surface:#0d2118;--fx-line:#254438;--fx-green:#1bd878;--fx-lime:#c8ff7a;--fx-ink:#eaf7ed}
body{background:#f5f8f3}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(24,132,81,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(24,132,81,.018) 1px,transparent 1px);background-size:56px 56px;z-index:-2}
header{height:72px;margin:9px auto 0;width:calc(100% - 18px);max-width:1450px;border:1px solid rgba(102,160,127,.16);border-radius:15px;background:rgba(7,18,13,.94);color:#eaf7ed;top:9px;backdrop-filter:blur(18px);box-shadow:0 14px 40px rgba(0,0,0,.18)}
header .brand{color:#eaf7ed}header .brand b{color:#67ee99}.doc-name{color:#88a295;border-left:1px solid #29483a;padding-left:18px}header nav{color:#8da69a}header nav a:hover{color:#eaffef}.app-link{border-color:#315342;background:#10251b;color:#dff1e7}
.docs-shell{grid-template-columns:265px minmax(0,850px);gap:66px;max-width:1200px;padding-top:52px}
aside{background:linear-gradient(180deg,#0c2118,#0a1813);border:1px solid #244236;border-radius:16px;padding:15px 12px 18px;top:96px;box-shadow:0 20px 55px rgba(17,60,39,.08);scrollbar-color:#315744 transparent}
aside p{color:#648174}aside a{color:#8fa79b;border:1px solid transparent;transition:.18s}aside a:hover,aside a.active{background:#143425;color:#e5f7eb;border-color:#29503c}
.doc-hero{position:relative;padding:28px 0 55px}.doc-hero:before{content:"";position:absolute;right:-120px;top:-130px;width:430px;height:430px;background:radial-gradient(circle,rgba(27,216,120,.11),transparent 67%);pointer-events:none}.doc-hero h1{font-size:62px;letter-spacing:-3.5px;position:relative}.doc-hero>p{font-size:17px;position:relative}.eyebrow{color:#16875a}.status{border-radius:13px;border-color:#d6e3d8;box-shadow:0 14px 38px rgba(23,64,43,.05)}.status i{box-shadow:0 0 0 6px rgba(25,162,101,.09),0 0 18px rgba(25,162,101,.35)}
main section{padding:56px 0}.callout{background:linear-gradient(90deg,#edf6ed,#f8fbf7);border-left-color:#15a661;border-radius:0 12px 12px 0}.callout.warn{background:#f9f3e8}.cards article,.table,.exports article{border-color:#d8e4d9;border-radius:12px;box-shadow:0 12px 35px rgba(23,62,43,.035)}.cards article{transition:.2s}.cards article:hover{transform:translateY(-2px);border-color:#b6d2bd}.formula{background:linear-gradient(145deg,#0d2118,#103324);border:1px solid #2a563f;border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.12)}.formula strong{color:#c8ff7a}.exports article.featured{background:linear-gradient(145deg,#0d2118,#123525);border-color:#2f6246}.steps li:before{background:#e7f5ea;color:#128154;border:1px solid #c8e1cf}.cta{position:relative;overflow:hidden;background:linear-gradient(145deg,#0a1e15,#103523);border:1px solid #2b5941;border-radius:18px}.cta:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(83,235,145,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(83,235,145,.04) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,#000,transparent 70%)}.cta>*{position:relative}.cta a{background:#c8ff7a;color:#10291d}
footer{background:#07120d;color:#7c9387;border-color:#20392e}
.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .68s ease var(--reveal-delay,0ms),transform .68s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:none}
@media(max-width:850px){header{width:calc(100% - 12px);margin-top:6px;top:6px}.docs-shell{padding-top:32px}.doc-hero h1{font-size:48px}}

footer .maker-credit strong{color:#8df2ae;font-weight:800}
