:root{--cream:#f7f1e3;--green:#1f4d2e;--copper:#b87333;--ink:#1d1d1b}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.5}header{background:var(--green);color:var(--cream);padding:1.5rem 2rem}header h1{margin:.25rem 0 0}.badge{display:inline-block;background:var(--copper);color:#fff;padding:.2rem .6rem;border-radius:4px;font-size:.85rem;margin:0}main{max-width:960px;margin:0 auto;padding:1.5rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:760px){main{grid-template-columns:1fr 1fr}}section{background:#fff;border:2px solid var(--green);border-radius:8px;padding:1.25rem}h2{color:var(--green);margin-top:0}label{display:block;margin:.75rem 0 .25rem;font-weight:600}select,input{width:100%;padding:.5rem;border:1px solid var(--green);border-radius:4px;font:inherit}button{margin-top:1rem;background:var(--copper);color:#fff;border:0;padding:.6rem 1rem;border-radius:4px;font:inherit;cursor:pointer}button:focus,select:focus,input:focus{outline:3px solid var(--copper);outline-offset:2px}.error{color:#9b1c1c;font-weight:600}[hidden]{display:none!important}ul{padding-left:1.2rem}