*{box-sizing:border-box}body{margin:0;background:#f5f2e9;color:#1e302c;font:18px/1.7 Georgia,serif}header,main,footer{max-width:860px;margin:auto;padding:28px}header{border-bottom:1px solid #cfc7b4}nav{display:flex;gap:24px;flex-wrap:wrap;font:15px/1.7 system-ui}a{color:#255b49}a:focus-visible{outline:3px solid #9b6f23;outline-offset:4px}h1{font-size:clamp(32px,6vw,54px);line-height:1.15;margin:24px 0}h2{font-size:25px;margin-top:38px}.eyebrow{font:13px system-ui;letter-spacing:.12em;text-transform:uppercase;color:#665634}.note{border-left:3px solid #9b6f23;padding-left:20px}footer{font:14px/1.6 system-ui;border-top:1px solid #cfc7b4}code{font-size:.85em;overflow-wrap:anywhere}