:root{color-scheme:dark;font:16px/1.55 Inter,system-ui;background:#07120f;color:#effff9}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{border-bottom:1px solid #255347}a{color:#66e6c0}h1{font-size:clamp(2rem,6vw,4.4rem);line-height:1.03;max-width:18ch}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#ffd479}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.grid article,pre{padding:18px;background:#10211d;border:1px solid #28584b;border-radius:14px}pre{overflow:auto}footer{margin-top:48px;border-top:1px solid #255347}@media(max-width:500px){header,main,footer{padding:18px}.grid{grid-template-columns:1fr}}