:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:minmax(230px,28vw) 1fr;min-height:100vh;background:#f7f8fb;color:#172033}aside{padding:24px;background:#131a2e;color:#f7f9ff}aside h1{font-size:1.05rem;margin:0 0 20px}nav a{display:block;color:#c8d4ff;text-decoration:none;padding:8px 0;border-bottom:1px solid #28324d}nav a:hover{color:white}main{padding:clamp(22px,5vw,70px)}article{max-width:960px;margin:auto;background:white;padding:clamp(24px,5vw,64px);border-radius:18px;box-shadow:0 18px 60px #26355b1c}pre{white-space:pre-wrap;font:inherit}code{background:#edf1f8;padding:.08em .3em;border-radius:4px}@media(prefers-color-scheme:dark){body{background:#0d1220;color:#e9efff}article{background:#151d31}code{background:#27324d}}@media(max-width:720px){body{display:block}aside{position:relative}main{padding:12px}}