@import url('main.css');
body { background: linear-gradient(170deg, #12408c, #2a7fcb 45%, #6fc0f0); min-height: 100%; }
.doc { position: relative; z-index: 10; max-width: 760px; margin: 0 auto; padding: 0 var(--gutter) 80px; }
.doc h1 { font: 700 clamp(24px, 4vw, 40px)/1.05 var(--wide); letter-spacing: -0.05em; margin: 36px 0 6px; }
.doc .upd { font: 400 20px var(--lcd); color: var(--lime); margin: 0 0 26px; }
.doc h2 { font: 600 14px var(--exa); text-transform: uppercase; letter-spacing: 0.14em; color: var(--lime); margin: 30px 0 10px; }
.doc p, .doc li { font-size: 15px; }
.doc pre { white-space: pre-wrap; font: 400 18px/1.35 var(--lcd); background: rgba(0, 10, 30, 0.5); padding: 18px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.2); }
.doc .todo { background: rgba(212, 236, 44, 0.15); border: 1px dashed var(--lime); padding: 2px 6px; border-radius: 4px; }
.doc nav { margin-top: 40px; display: flex; gap: 18px; flex-wrap: wrap; font: 300 12px var(--exa); text-transform: uppercase; letter-spacing: 0.1em; }