:root{color:#20372d;background:#f6f5ef;font-family:system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:42rem;margin:0 auto;padding:3rem 1.25rem}.brand{letter-spacing:.06em;font-weight:700}h1{font-size:clamp(1.8rem,6vw,2.7rem);line-height:1.2}h2{margin-top:0;font-size:1.25rem}section{background:#fff;border:1px solid #bdc8bd;border-radius:.75rem;margin-top:2rem;padding:1.5rem}dl{margin:0 0 1.5rem}dl div{border-bottom:1px solid #e2e6df;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.75rem 0;display:flex}dd{margin:0;font-weight:700}dd[data-state=available]{color:#256335}dd[data-state=unavailable]{color:#a02525}button{color:#fff;font:inherit;cursor:pointer;background:#284d3b;border:0;border-radius:.35rem;padding:.75rem 1.1rem}button:disabled{cursor:wait;background:#52645a}button:focus-visible{outline-offset:3px;outline:3px solid #a55515}.note{margin-bottom:0;font-size:.9rem}
