*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c2330;background:#f4f6f8}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}header{background:linear-gradient(135deg,#7a2e0e,#c2410c);color:#fff;padding:26px 0 18px}
.brand{color:#fff;font-size:1.7rem;font-weight:800;text-decoration:none}header p{margin:4px 0 14px;opacity:.92}
.search{display:flex;gap:8px;max-width:520px}input,button{font:inherit;padding:11px 13px;border-radius:8px;border:1px solid #cfd5dd}input{flex:1}button{background:#1c2330;color:#fff;border:0;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}
.err{color:#ffe1d1;margin:6px 0 0;min-height:1em}.disc{background:#fff7e6;border:1px solid #f3d29b;border-radius:8px;padding:10px 14px;margin-top:14px;font-size:.92rem}
.panel{background:#fff;border-radius:12px;padding:20px;margin:18px auto;box-shadow:0 1px 3px #0001}.muted{color:#5b6472}.small{font-size:.86rem}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.kpi{background:#f7f8fa;border-radius:10px;padding:12px}.kpi b{display:block;font-size:1.5rem}
.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-weight:700;color:#fff}.Low{background:#15803d}.Moderate{background:#ca8a04}.High{background:#ea580c}.Severe{background:#b91c1c}.Insufficient{background:#6b7280}
table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:8px;border-bottom:1px solid #eceff3;vertical-align:top}.tablewrap{overflow-x:auto}
.st{font-weight:700}.st-Writing{color:#15803d}.st-Limited{color:#ca8a04}.st-Not{color:#b91c1c}a{color:#c2410c}
.bars{display:flex;align-items:flex-end;gap:10px;height:150px;margin:10px 0 4px}.bar{flex:1;background:#c2410c;border-radius:4px 4px 0 0;position:relative;min-height:2px}.bar span{position:absolute;top:-20px;left:0;right:0;text-align:center;font-size:.75rem}.lbl{display:flex;gap:10px}.lbl div{flex:1;text-align:center;font-size:.75rem;color:#5b6472}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cta{border:2px dashed #c2410c}.news{background:#1c2330;color:#fff}.news .row{display:flex;gap:8px;max-width:460px}.news button{background:#c2410c}.ok{color:#fdba74}
@media(max-width:700px){.grid2{grid-template-columns:1fr}.brand{font-size:1.35rem}}