:root{--header-height:5rem}*{box-sizing:border-box}body{margin:0;background:#f8f9f4;color:#163c30;font:1.125rem/1.7 system-ui,sans-serif}header{position:sticky;top:0;z-index:2;display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#dce9cd;padding:1rem;border-bottom:1px solid #58854b}a{color:inherit;text-underline-offset:.2em}main{max-width:44rem;margin:auto;padding:2rem 1.25rem 9rem}h1,h2{line-height:1.3}section{margin-block:4rem}label{display:block;margin-block:.5rem}fieldset{padding:1rem}input{margin-right:.5rem}#observations{padding:1rem;background:#e8eedf}aside{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding:1rem;background:#163c30;color:#fff}body.fixed-contact aside{position:fixed;bottom:0;inset-inline:0;z-index:2}body.anchor-offset :is(h2,section){scroll-margin-top:calc(var(--header-height) + 1rem)}body.spaced{line-height:1.8;letter-spacing:.12em;word-spacing:.16em}body.spaced p{margin-block:2em}*:focus-visible{outline:3px solid #163c30;outline-offset:4px}aside a:focus-visible{outline-color:#fff}