*{box-sizing:border-box}body{margin:0;background:#f9f7f4;color:#272327;font:1rem/1.6 system-ui,sans-serif}header,main,footer{max-width:62rem;margin:auto;padding:1.4rem clamp(1rem,5vw,3rem)}header{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #ded7d2}header>a{font-weight:700;text-decoration:none;color:#272327}main{padding-top:clamp(2rem,7vw,5rem);padding-bottom:3rem}h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.1;margin:0 0 .75rem}h2{font-size:1.15rem;margin:0}.cards{margin:2rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem}section{background:white;border:1px solid #ded7d2;padding:1.15rem;border-radius:.65rem}a{color:#853218;text-underline-offset:.2em}footer{border-top:1px solid #ded7d2;color:#5b5158;font-size:.9rem}code{background:#f4ede9;padding:.08rem .25rem;border-radius:.15rem}