:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101923;color:#e7edf4}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #405063}header img{width:42px;height:42px}nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}a{color:#85e3d1;text-underline-offset:4px}h1{font-size:clamp(30px,5vw,48px);color:#ffe0a0}h2{color:#ffdc91;margin-top:2em}p,li{line-height:1.7;max-width:78ch}li{margin:.6em 0}article{background:#202d3c;border:1px solid #405063;border-radius:16px;padding:clamp(20px,4vw,42px)}.hero{width:100%;height:auto;border-radius:14px}.lead{font-size:1.2em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:#29384a;padding:22px;border-radius:14px}.card h2{margin-top:0;font-size:1.1em}footer{font-size:.9em;color:#adbac8}code{overflow-wrap:anywhere;font-size:.92em}a:focus-visible{outline:3px solid #ffd278;outline-offset:5px}@media(max-width:540px){header{align-items:flex-start;flex-wrap:wrap}nav{margin-left:0;width:100%}header,main,footer{padding:18px}}