:root{font-family:system-ui,sans-serif;color:#173b30;background:#f7f7f1}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:16px;background:#123c30;color:white;border-bottom:4px solid #b72836;padding:22px 5%}header img{height:58px;background:white;border-radius:8px}header small{display:block;font-size:11px;letter-spacing:2px}header a{color:white;margin-left:auto}main{max-width:900px;margin:48px auto;padding:0 24px}h1{font-family:Georgia,serif;font-size:36px;margin:12px 0}h2{font-size:22px;margin-top:0}.eyebrow{font-size:12px;letter-spacing:2px}section{background:white;border:1px solid #d7e1d7;border-radius:16px;padding:28px;margin:24px 0}form{display:grid;gap:12px}input,button{font:inherit;border-radius:8px;padding:13px;border:1px solid #b8cabb}button{cursor:pointer;background:#123c30;color:white;font-weight:600}button:disabled{opacity:.5;cursor:wait}a{color:#135b40}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f6f1;padding:16px}#message:not(:empty){padding:16px;border-left:4px solid #b72836;background:white}label{font-weight:600}.user-row{padding:18px 0;border-bottom:1px solid #d7e1d7}.user-row button{margin-top:10px;display:block}input:focus,button:focus,a:focus{outline:3px solid #8fbc9d;outline-offset:3px}@media(max-width:600px){header{flex-wrap:wrap}header a{width:100%;margin-left:0}main{margin:28px auto;padding:0 16px}section{padding:20px}h1{font-size:30px}}