*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#fafaf8;color:#211b17;font:18px/1.7 system-ui,sans-serif}header,main,footer{max-width:960px;margin:auto;padding:24px}header,footer{border-bottom:1px solid #ddd}nav{font-size:15px;line-height:2;margin-top:16px}a{color:#9c310a;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #9c310a;outline-offset:4px}.brand{font-size:22px;font-weight:800}h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.15;max-width:850px}h2{line-height:1.3;margin-top:2em}h3{font-size:1.12em}.intro{font-size:1.2em}.cta{display:inline-block;background:#9c310a;color:#fff;padding:12px 20px;border-radius:8px;font-weight:700}pre{overflow:auto;background:#eeeae4;padding:20px;font-size:15px}.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:8px}.skip:focus{top:10px}footer{margin-top:32px;font-size:15px}@media (max-width:500px){header,main,footer{padding:18px}body{font-size:17px}}