:root{font:16px/1.5 system-ui,sans-serif;color:#262e30;background:#f6f5f0}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:1rem;padding:1rem max(5vw,1rem);background:#173d3a;color:white}header span,.eyebrow{letter-spacing:.13em;font-weight:700}header small{border:1px solid #a6c6b8;padding:.1rem .5rem;border-radius:1em}header button{margin-left:auto}main{max-width:960px;margin:2.5rem auto;padding:0 1.2rem}.eyebrow{color:#486c5e;font-size:.75rem;margin:0}h1{margin:0;font-size:2.2rem}h2{font-size:1.25rem}.heading,nav,.actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.heading{justify-content:space-between}nav{margin:1.6rem 0}button,input,select,textarea{font:inherit;border:1px solid #b6c2b9;border-radius:.4rem;padding:.5rem .8rem}button{cursor:pointer;background:white;color:#254d40}button:disabled{opacity:.5;cursor:default}.primary,nav button[aria-current=true]{background:#215e4f;color:white}article,#gate{background:white;padding:clamp(1rem,3vw,2rem);border:1px solid #d4d9d1;border-radius:.7rem}#gate{max-width:460px;margin:auto}label{display:block;margin:.8rem 0;font-weight:600}input,select,textarea{display:block;width:100%;margin-top:.25rem}textarea{height:38vh;line-height:1.65;margin-bottom:1rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:20rem;overflow:auto;background:#f5f6f1;padding:.7rem}details,.row{padding:.7rem 0;border-bottom:1px solid #ddd}.row button{margin-left:1rem}#status{font-weight:600;color:#215e4f;white-space:pre-wrap}#status[data-error=true]{color:#a33124}