:root{color:#18312c;background:#f1f5f3;font-family:system-ui,sans-serif}main{background:#fff;border-radius:1rem;max-width:42rem;margin:3rem auto;padding:2rem}h1{margin-top:0}label{margin:1rem 0;display:block}input{width:min(100%,24rem);font:inherit;border:1px solid #78978c;border-radius:.3rem;margin-top:.4rem;padding:.65rem;display:block}button{font:inherit;color:#fff;cursor:pointer;background:#185b49;border:0;border-radius:.3rem;margin:.4rem .6rem .4rem 0;padding:.7rem 1rem}button:disabled{opacity:.45;cursor:default}[role=alert]{color:#95221b}:focus-visible{outline-offset:3px;outline:3px solid #337ac6}nav{border-bottom:1px solid #ccd8d2;flex-wrap:wrap;margin-bottom:1rem;display:flex}fieldset{border:1px solid #ccd8d2;border-radius:.3rem}select{font:inherit;padding:.5rem}table{border-collapse:collapse;width:100%;margin:1rem 0}th,td{text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #ccd8d2;padding:.5rem}aside{border-left:.25rem solid #185b49;padding-left:1rem}