*{box-sizing:border-box}body{margin:0;background:#f4f2eb;color:#182d31;font:17px/1.7 system-ui,sans-serif}header,main,footer{max-width:960px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ccd4cc}nav a{margin-right:18px}a{color:#1d675f;text-underline-offset:4px}h1{font-size:clamp(30px,5vw,54px);line-height:1.15;letter-spacing:-1.5px}h2{line-height:1.3}.label{font:13px/1.4 monospace;color:#547568;letter-spacing:2px}.lede{font-size:21px;max-width:760px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}article{background:#fff;padding:25px;border:1px solid #dce0d7;border-radius:8px}footer{font-size:14px;border-top:1px solid #ccd4cc;color:#547568}code{background:#e7ebe1;padding:2px 5px}main{min-height:70vh}