:root{color-scheme:light;font-family:system-ui,sans-serif;color:#183d34;background:#f6f4ed}*{box-sizing:border-box}body{margin:0;padding:clamp(16px,5vw,64px)}main{max-width:30rem;margin:3vh auto;background:#fffdf9;border:1px solid #ddd8c9;border-radius:20px;padding:clamp(24px,6vw,42px)}.top,nav{display:flex;align-items:center;justify-content:space-between;gap:.8rem}nav a{padding:.35rem}h1{font:600 clamp(1.8rem,5vw,2.5rem)/1.1 Georgia,serif}p{line-height:1.55}a{color:#215847}label,input,button,.button{display:block}label{font-weight:600}input{font:inherit;width:100%;margin:.45rem 0 1rem;padding:.8rem;border:1px solid #9aa99a;border-radius:8px}button,.button{width:100%;padding:.85rem;background:#204b3e;color:#fff;border:0;border-radius:9px;font:inherit;cursor:pointer;text-align:center;text-decoration:none;margin:.55rem 0}.secondary{background:#e7eee6;color:#204b3e}hr{border:0;border-top:1px solid #dedacb;margin:1.6rem 0}.notice{padding:.75rem;background:#f4ead7;border-radius:8px}a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #a76b26;outline-offset:3px}