*{box-sizing:border-box}body{margin:0;background:#f6f7f3;color:#183b31;font:15px/1.55 system-ui}header{padding:20px 5vw;background:#173d32;color:#fff;display:flex;justify-content:space-between}header span{display:block;font-size:13px;color:#c8d9cb}main{margin:30px auto;max-width:1300px;padding:0 24px}h1{font-size:25px;margin:0 0 20px}h2{font-size:22px}h3{font-size:17px;border-bottom:1px solid #d9e1d9;padding-bottom:8px}button,input,select,textarea{font:inherit;border-radius:6px;border:1px solid #afbeb1;padding:10px}button{cursor:pointer;background:#e5eddf;color:#163d30}button:hover{background:#d6e3ce}button:focus-visible,a:focus-visible{outline:3px solid #a67d26;outline-offset:2px}input,textarea,select{background:#fff;display:block;width:100%;margin:5px 0 14px}label{font-size:13px;font-weight:600}#login{max-width:400px;background:#fff;padding:28px;border:1px solid #d9e1d9;border-radius:12px}.bar{display:flex;align-items:center;gap:20px}.bar h1{margin-right:auto}.layout{display:grid;grid-template-columns:330px 1fr;gap:24px}nav{display:grid;align-content:start;gap:10px}nav button{text-align:left;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere}article{padding:24px;background:#fff;border:1px solid #d9e1d9;border-radius:10px;min-width:0}pre,.message{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f0f4ec;padding:12px;border-radius:6px}dl{display:grid;grid-template-columns:140px 1fr;gap:8px}dt{font-weight:600}dd{margin:0;overflow-wrap:anywhere}.error{color:#a42a26}#notice:empty{display:none}[hidden]{display:none!important}@media(max-width:800px){.layout{grid-template-columns:1fr}.bar{flex-wrap:wrap}main{padding:0 12px}nav{max-height:300px;overflow:auto}dl{grid-template-columns:1fr}}