:root{font-family:system-ui,sans-serif;color:#24453c;background:#f8f7f0;font-size:16px}*{box-sizing:border-box}body{margin:0}header{padding:22px 5%;border-bottom:1px solid #ddd}header a{margin-right:24px}a{color:#245847}main{max-width:920px;margin:48px auto;padding:0 20px}h1{font-family:Georgia,serif;font-size:2.5rem;font-weight:400}h2{font-size:1.25rem}section,form,.card{background:white;padding:24px;border:1px solid #dce2d8;border-radius:14px;margin:18px 0}label{display:block;margin:16px 0 8px}input,select,button{font:inherit;min-height:46px;padding:10px 14px;border:1px solid #bac9bd;border-radius:7px;max-width:100%}input,select{width:100%;background:#fff}button{background:#244d3f;color:white;cursor:pointer;margin:10px 8px 4px 0}button:disabled{opacity:.5;cursor:wait}p{line-height:1.6}small{color:#596c64}#notice{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2e9;border-radius:8px;padding:16px}#notice:empty{display:none}.row{padding:16px 0;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.code{font:1.1rem monospace;overflow-wrap:anywhere}.muted{color:#65736b}[hidden]{display:none!important}@media(max-width:600px){main{margin:28px auto}h1{font-size:2rem}section,form{padding:18px}button{width:100%}}