*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f6f4ef;color:#181818;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:920px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid #d6d0c6}.brand{font-weight:800;text-decoration:none;color:#181818}.brand span{color:#be410b}nav{display:flex;flex-wrap:wrap;gap:20px}a{color:#983608;text-underline-offset:4px}a:focus-visible{outline:3px solid #ff6a24;outline-offset:5px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:750;color:#745f50}h1{font-size:clamp(32px,6vw,58px);line-height:1.08;letter-spacing:-.04em;margin:16px 0 24px}h2{font-size:24px;line-height:1.3;margin-top:36px}p,li{max-width:75ch}.lead{font-size:21px;color:#49443e}.note{padding:20px;border-left:4px solid #ff6a24;background:#eae3d5}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{border:1px solid #d6d0c6;padding:22px;border-radius:8px}.card h2{margin-top:0}footer{font-size:14px;border-top:1px solid #d6d0c6;color:#615b54}code{overflow-wrap:anywhere} @media(max-width:600px){header{display:block}nav{margin-top:16px;gap:14px}.grid{grid-template-columns:1fr}header,main,footer{padding:22px}}