/* X37 palette — layout, component dimensions, and behavior follow the supplied template. */
:root{--bg:#030712;--bg-2:#061124;--surface:#0b1930;--surface-2:#102441;--surface-3:#17375a;--text:#edf4ff;--muted:#a8bbd6;--line:rgba(115,170,232,.19);--pink:#73d9ff;--purple:#258bdf;--blue:#d3eaff;--cyan:#62d6ff;--gold:#efc76a;--grad:linear-gradient(120deg,#95e5ff 0%,#e8f4ff 40%,#f6d47e 78%,#d4a449 100%);--grad-soft:linear-gradient(135deg,rgba(44,152,245,.15),rgba(227,187,84,.08))}
body{background:radial-gradient(ellipse at 12% 12%,rgba(0,115,228,.10),transparent 42%),radial-gradient(ellipse at 95% 45%,rgba(234,184,63,.06),transparent 34%),#030712}
.site-header{background:rgba(5,13,28,.88);border-bottom-color:rgba(151,187,229,.16)}.site-header.scrolled{background:rgba(5,13,28,.97)}.mobile-menu{background:#08152a}.bottom-nav{background:rgba(5,14,30,.97);border-top-color:rgba(103,164,237,.22)}
.btn-primary{color:#091426;background:linear-gradient(120deg,#e2af3c,#fff0af 48%,#e5b94f 74%,#bd8826);border-color:#edce80;box-shadow:0 6px 26px rgba(217,170,47,.18)}.btn-primary:hover{color:#061021;box-shadow:0 8px 30px rgba(239,191,75,.3)}.btn-outline{color:#e1edff;border-color:rgba(104,172,250,.44);background:linear-gradient(140deg,rgba(20,79,142,.45),rgba(6,24,50,.5))}.btn-outline:hover{border-color:#e9c267;color:#ffdf8e}.btn-soft{background:rgba(30,101,177,.14);border-color:rgba(94,164,242,.18)}
.hero-panel,.feature-card,.quick-card,.toc,.article-body,.rtp-card{border-color:rgba(106,165,230,.20)}.hero-panel{background:linear-gradient(145deg,rgba(21,48,80,.95),rgba(7,19,39,.98));box-shadow:0 20px 70px rgba(0,0,0,.30),0 0 35px rgba(0,129,255,.06)}.eyebrow{color:#c9dff8}.eyebrow-dot{background:#e4bd63;box-shadow:0 0 14px rgba(237,193,88,.6)}.article-body a{color:#7dd5ff;text-underline-offset:4px}.article-body a:hover{color:#f4d27e}.article-body h2{color:#e4edfa}.cta{background:radial-gradient(ellipse at 80% 15%,rgba(216,174,64,.13),transparent 45%),linear-gradient(130deg,#0e2a4a,#071426);border-color:rgba(229,192,99,.35)}.site-footer{background:#030913;border-color:rgba(109,164,227,.17)}
.x37-banner-section{padding:8px 0 22px}.x37-page-banner{display:block;width:100%;height:auto;aspect-ratio:1280/425;object-fit:contain;border:1px solid rgba(238,192,75,.65);border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,.36),0 0 28px rgba(4,136,255,.13)}.article-body{overflow-wrap:anywhere}.article-body table{display:block;overflow:auto}.article-body th,.article-body td{padding:12px;border:1px solid var(--line)}.article-body code{overflow-wrap:anywhere}.toc{max-height:calc(100vh - 120px);overflow:auto}.hero-logo,.brand img{filter:drop-shadow(0 0 9px rgba(24,169,255,.15))}.x37-support{color:#98d9ff}.rtp-status-error{color:#e7c67e}
.hero h1{font-size:clamp(32px,3.6vw,52px);line-height:1.15}
@media(max-width:600px){.x37-page-banner{border-radius:11px}.x37-banner-section{padding:0 0 12px}.article-body h2{scroll-margin-top:95px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}