:root{font-family:system-ui,sans-serif;color:#182d29;background:#f3f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:40px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}h1{font-size:38px;margin:4px 0}h2{font-size:23px}p{line-height:1.55}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;color:#527568}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}a{color:#255f4e}label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}input,select,textarea,button,.button{font:inherit;border:1px solid #ccd9d1;border-radius:9px;padding:11px 14px}input,select,textarea{background:#fff;color:#182d29;max-width:100%}button,.button{background:#235f4c;color:#fff;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:default}.secondary{background:white;color:#235f4c}#login{background:white;max-width:420px;padding:28px;border:1px solid #d8e1dc;border-radius:16px}#login-form{display:grid;gap:18px}.filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.summary{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.metric{background:#e4eee7;border-radius:12px;padding:16px 22px;min-width:130px}.metric strong{display:block;font-size:27px}.lead{padding:24px;margin:16px 0;border-radius:14px;background:#fff;border:1px solid #d8e1dc}.lead h2{margin:0}.lead-head{display:flex;gap:16px;align-items:start;justify-content:space-between}.muted{color:#62756b;font-size:13px}.lead p{overflow-wrap:anywhere;white-space:pre-wrap}.meta{font-size:13px;color:#556e62;overflow-wrap:anywhere}.edit{display:grid;grid-template-columns:180px 1fr auto;gap:14px;align-items:end;margin-top:20px}textarea{resize:vertical;min-height:70px}footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px}#notice:empty{display:none}#notice{padding:14px;border-radius:10px;background:#fff2d7}input:focus-visible,button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9ecab4;outline-offset:2px}[hidden]{display:none!important}@media(max-width:700px){main{padding:24px 16px}header{display:block}nav{margin-top:20px}.edit{grid-template-columns:1fr}.lead-head{display:block}.filters>*{flex:1 1 40%}h1{font-size:30px}}
