:root{color-scheme:light;font-family:system-ui,sans-serif;background:#f5f8fc;color:#16263e}*{box-sizing:border-box}body{margin:0}header,main,footer{width:min(1120px,94vw);margin:auto}header{padding:32px 0 22px}a{color:#1762a3}.back{text-decoration:none}.eyebrow{margin-top:35px;font-size:11px;letter-spacing:.2em;color:#466480}h1{font-size:clamp(32px,5vw,56px);margin:12px 0;letter-spacing:-.04em}header>p{color:#405773;line-height:1.6}#connection{font-size:13px;color:#735800}main{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:34px;align-items:start}.panel,article{background:#ffffff;border:1px solid #c7d6e8;border-radius:16px;padding:25px}h2{font-size:22px;margin:0 0 24px}label{display:block;margin:18px 0 7px;font-size:14px;font-weight:650}input,select,textarea{width:100%;border:1px solid #9bb3ce;background:#ffffff;color:#16263e;border-radius:8px;padding:12px;font:inherit}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid #2379d1;outline-offset:2px}textarea{resize:vertical}small{display:block;color:#4a607a;font-size:12px;line-height:1.7}#count{text-align:right}.columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}button{font:600 14px system-ui;padding:12px 18px;background:#226ac3;color:white;border:1px solid #1c5cab;border-radius:8px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}#submit-feedback{background:#1767cb;margin-top:18px;width:100%}#verification{margin-top:18px}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.list-heading h2{margin:0}article{margin-bottom:15px;padding:22px}article h3{font-size:17px;margin:0;overflow-wrap:anywhere}.meta{display:flex;justify-content:space-between;gap:12px;color:#315f91;margin:10px 0;font-size:13px}.stars{color:#a96b00}article .body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:14px}time{color:#536c85;font-size:12px}#form-status{line-height:1.5;min-height:24px}footer{padding:35px 0;font-size:12px;color:#536c85}@media(max-width:760px){main{grid-template-columns:1fr}header{padding-top:20px}.panel{padding:20px}.eyebrow{margin-top:25px}}

.panel>h2{background:#226ac3;color:white;margin:-25px -25px 22px;padding:17px 25px;border-radius:15px 15px 0 0}h1,h2,article h3{color:#173d73}.list-heading{padding:14px 18px;background:#e7f0fc;border:1px solid #c7d6e8;border-radius:10px}button{color:white}@media(max-width:760px){.panel>h2{margin:-20px -20px 20px;padding:16px 20px}}
@media(max-width:420px){.columns{grid-template-columns:1fr;gap:0}.list-heading{gap:10px;flex-wrap:wrap}header,main,footer{max-width:94vw}input,select,textarea{min-width:0}}

.panel>h2,#refresh,#submit-feedback{background:var(--feedback-accent,#7edbe9);border-color:var(--feedback-accent,#7edbe9);color:#102839}#refresh:hover,#submit-feedback:hover{filter:brightness(.94)}#refresh:focus-visible,#submit-feedback:focus-visible{outline:3px solid #102839;outline-offset:3px}