*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#09090b;color:#e4e4e7;font:16px/1.7 system-ui,sans-serif}header,main,footer{max-width:1060px;margin:auto;padding:24px}header{border-bottom:1px solid #27272a}nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}a{color:#80b4ff;text-underline-offset:4px}a:hover{color:#fff}h1{font-size:clamp(30px,5vw,48px);line-height:1.15;letter-spacing:-.03em;color:#fff}h2{font-size:24px;margin-top:36px;color:#fff}h3{color:#fff}p{max-width:82ch}.brand{font-weight:900;font-size:22px;font-style:italic;color:#fff;text-decoration:none;display:block;margin-bottom:16px}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#80b4ff}article{border-top:1px solid #27272a;padding:20px 0}pre{padding:18px;background:#18181b;border:1px solid #3f3f46;border-radius:12px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}code{font-family:ui-monospace,monospace;font-size:14px}small{color:#a1a1aa}footer{border-top:1px solid #27272a;margin-top:40px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{border:1px solid #27272a;padding:20px;border-radius:14px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#111;padding:10px}button{font:inherit}table{border-collapse:collapse;width:100%}td,th{border:1px solid #3f3f46;padding:10px;text-align:left}