:root{font-family:Segoe UI,Arial,sans-serif;color:#173132;background:#f3f6f5;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{background:#143e3b;color:#fff;padding:32px max(24px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;gap:28px}h1{font-size:30px;margin:10px 0}small{letter-spacing:2px}.progress{display:grid;gap:5px;min-width:185px;align-content:center}.progress strong{font-size:40px}.progress span{font-size:13px;color:#d2e9e3}main{max-width:1248px;margin:auto;padding:24px}nav{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}button{font:inherit;border:1px solid #28615a;background:#fff;color:#15483f;padding:10px 14px;border-radius:8px;cursor:pointer;margin:4px 4px 4px 0}button:hover{background:#e2efea}button[aria-pressed=true]{background:#226657;color:white}button:disabled{color:#66736f;border-color:#b9c5bf;background:#edf0ed;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ce812c;outline-offset:3px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}article{background:white;padding:20px;border:1px solid #d9e4df;border-radius:12px;overflow-wrap:anywhere}article h3{margin:0 0 12px}h2{margin-top:28px}p{line-height:1.55}label{display:block;margin:12px 0 5px}input,select{display:block;width:100%;max-width:340px;font:inherit;padding:10px;border:1px solid #8baba0;border-radius:6px;background:#fff}dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px}dt{color:#526b63}dd{margin:0;text-align:right}.value{font-size:25px;font-weight:600}.quality{font-size:13px;color:#6a5b28}#connection{padding:12px 16px;border-left:4px solid #c79326;background:#fff5d8}#action-result{padding:12px 0;font-weight:600}footer{margin-top:32px;padding-top:18px;border-top:1px solid #cfdfd5;font-size:13px;color:#536b60}[hidden]{display:none!important}@media(max-width:640px){header{padding:24px;display:block}.progress{margin-top:20px}main{padding:16px}h1{font-size:26px}}