:root{color-scheme:light;--ink:#132a2a;--muted:#526764;--line:#d6e1db;--paper:#fff;--green:#115b46;--cream:#f3f6ee}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 system-ui,sans-serif}
header{background:#173a34;color:#fff;padding:2.3rem max(1.1rem,calc((100% - 47rem)/2));border-bottom:5px solid #9bc5a7}
header p{margin:0;color:#bfddc7;font-size:.73rem;font-weight:750;letter-spacing:.14em}
h1{margin:.2rem 0 0;font-size:clamp(1.85rem,7vw,3.2rem);line-height:1.12;letter-spacing:-.04em}
main{max-width:49rem;margin:auto;padding:1rem}
section{padding:clamp(1rem,4vw,1.6rem);margin-bottom:1rem;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
h2,h3,p{overflow-wrap:anywhere}h2{margin:0 0 .85rem;font-size:1.3rem}h3{margin:.35rem 0 .15rem;font-size:1.05rem}
form{display:grid;gap:.65rem;margin:0;justify-items:start;width:100%}label{width:100%;display:grid;gap:.2rem;font-weight:630}
input,select,button{font:inherit;border-radius:8px;min-height:44px}
input,select{padding:.48rem .65rem;width:100%;color:var(--ink);border:1px solid #859a93;background:#fff}
button{padding:.5rem .8rem;border:1px solid var(--green);background:var(--green);color:#fff;font-weight:700;cursor:pointer}
.secondary{background:#fff;color:var(--green)}:focus-visible{outline:3px solid #217b66;outline-offset:3px}
.bar,.actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}.bar{justify-content:space-between;margin:0 0 .8rem}.bar p{margin:0;color:var(--muted)}.bar form{width:auto}
article{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}
.badge{display:inline-block;border-radius:999px;background:#e0f1e4;color:#174938;font-size:.75rem;font-weight:750;padding:.2rem .55rem}
small{display:block;color:var(--muted);margin-bottom:.25rem}.actions{margin:.65rem 0 0}ul{padding-left:1.25rem}li{margin:.45rem 0;overflow-wrap:anywhere}