:root{--accent:#427445}
*{box-sizing:border-box}body{margin:0;background:#f4f1e9;color:#242723;font:16px/1.55 system-ui,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding-inline:clamp(1rem,4vw,2.5rem)}header,footer{display:flex;justify-content:space-between;gap:1rem;padding-block:1.2rem;border-bottom:1px solid #d2d0c6}header a{color:inherit}header a:first-child{font-weight:800;text-decoration:none}.intro{padding:clamp(2rem,7vw,5rem) 0 1rem;max-width:790px}.tag{font:700 .8rem ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}h1,h2,p{margin-top:0}h1{font-size:clamp(2.6rem,7vw,5.8rem);line-height:.98;letter-spacing:-.065em;margin-bottom:1.1rem}h2{font-size:1.4rem;letter-spacing:-.025em}.intro p:last-child{font-size:1.14rem;max-width:53ch}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid>*,.panel{padding:1.35rem;background:#fffdf8;border:1px solid #d5d2c7;border-radius:14px;min-width:0}label{display:block;margin:.5rem 0 .8rem;font-weight:650}input:not([type=checkbox]):not([type=radio]),textarea,select{display:block;width:100%;padding:.6rem;border:1px solid #b5b5ab;border-radius:6px;background:white;font:inherit;margin-top:.25rem;color:inherit}textarea{min-height:4.8rem}button{background:var(--accent);color:white;border:0;border-radius:7px;padding:.7rem .95rem;font:750 .88rem system-ui;cursor:pointer}button:disabled{opacity:.5;cursor:default}button[hidden]{display:none}fieldset{border:1px solid #c5c1b5;border-radius:8px;margin-bottom:1rem}.check{display:flex;gap:.6rem;align-items:center}input[type=checkbox],input[type=radio],progress{accent-color:var(--accent)}progress{width:100%;margin-bottom:1rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #dad7cd;border-radius:8px;background:#f9f7ef;padding:1rem;font:.94rem/1.55 ui-monospace,monospace;min-height:7rem}ul{list-style:none;padding:0}li{padding:.25rem 0;border-bottom:1px solid #e3e0d5}li label{display:flex;align-items:center;gap:.7rem}li button{margin:.2rem 0 .5rem}#goalForm{margin-bottom:1.2rem}.guide{padding:1.7rem 0;margin-top:2.5rem;border-top:1px solid #d2d0c6;max-width:68ch}footer{border-top:1px solid #d2d0c6;border-bottom:0;font-size:.9rem}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:690px){.grid{grid-template-columns:1fr}}
