*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#f7f8fa;color:#111820;
  font:15px/1.6 ui-sans-serif,"Inter","Segoe UI",system-ui,Arial,sans-serif}
a{color:#0d6efd;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:880px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #e4e8ee}
.bar{display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:16px}
.dot{width:9px;height:9px;border-radius:50%;background:#18a957;box-shadow:0 0 0 3px #18a95726}
.bar nav a{color:#5b6673;font-size:14px;margin-left:18px}
.banner{background:#e8f7ef;border:1px solid #b7e4cb;border-radius:9px;
  padding:16px 18px;margin:24px 0 8px;display:flex;align-items:center;gap:13px}
.banner.warn{background:#fff7e6;border-color:#f0d69a}
.banner b{font-size:17px}
.banner .sub{color:#4e5a67;font-size:13.5px;margin-top:2px}
.check{width:24px;height:24px;border-radius:50%;background:#18a957;color:#fff;flex:0 0 24px;
  display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.check.w{background:#d99b0b}
h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#7a8594;
  margin:30px 0 10px;font-weight:600}
.panel{background:#fff;border:1px solid #e4e8ee;border-radius:10px;overflow:hidden}
.row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;
  padding:14px 18px;border-bottom:1px solid #eef1f5}
.row:last-child{border-bottom:0}
.row .name{font-weight:550}
.row .desc{color:#7a8594;font-size:12.5px;margin-top:2px}
.state{font-size:12.5px;font-weight:600;color:#18a957;white-space:nowrap}
.state.w{color:#d99b0b}.state.d{color:#8b95a3}
.bars{display:flex;gap:2px;padding:0 18px 14px;margin-top:-4px}
.bars i{display:block;width:6px;height:26px;border-radius:2px;background:#3ec06f}
.bars i.w{background:#e8b93a}.bars i.d{background:#dfe4ea}
.legend{display:flex;justify-content:space-between;padding:0 18px 14px;
  font-size:11.5px;color:#8b95a3}
.inc{background:#fff;border:1px solid #e4e8ee;border-radius:10px;padding:16px 18px;margin-bottom:12px}
.inc h3{margin:0 0 3px;font-size:15.5px}
.inc .when{font-size:12.5px;color:#8b95a3;margin-bottom:9px}
.inc p{margin:0 0 8px;font-size:14px;color:#3d4753}
.inc p:last-child{margin-bottom:0}
.inc .lbl{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;padding:2px 7px;border-radius:4px;margin-right:7px;vertical-align:1px}
.lbl.res{background:#e8f7ef;color:#137a41}.lbl.mon{background:#fff7e6;color:#8a6100}
.lbl.deg{background:#fdecec;color:#a32626}
table{border-collapse:collapse;width:100%;font-size:14px;background:#fff;
  border:1px solid #e4e8ee;border-radius:10px;overflow:hidden}
th,td{text-align:left;padding:11px 18px;border-bottom:1px solid #eef1f5}
th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7a8594}
tr:last-child td{border-bottom:0}
td.n{text-align:right;font-variant-numeric:tabular-nums}
footer{padding:26px 0 44px;color:#8b95a3;font-size:13px}
@media(max-width:600px){.bars i{width:4px}}