.visual-hero h1{font-size:clamp(43px,5.2vw,76px)}.visual-hero .hero-grid{grid-template-columns:1fr 1fr;gap:50px}.profile-card{padding:28px;background:#e6e8d9;border:1px solid #c1c9b3;box-shadow:9px 9px 0 #243e3008}.chart-top{display:flex;justify-content:space-between;gap:10px}.live-dot{font:11px var(--mono);white-space:nowrap;color:var(--brand)}.live-dot:before{content:'●';margin-right:5px}.profile-card label,.distribution-layout label{display:block;font:11px var(--mono);margin:0 0 8px}select{background:var(--paper);color:var(--ink);max-width:100%;padding:12px;border:1px solid #a3ac95}.profile-card select{width:100%;font:25px var(--display);margin-bottom:20px}.profile-row{padding:12px 0}.profile-row>div:first-child{display:flex;justify-content:space-between;font-size:12px;gap:8px;margin-bottom:8px}.profile-row strong{font-weight:500}.ladder{display:flex;gap:5px}.step{height:13px;background:#d3d9c5;flex:1;border-radius:2px}.step.active{background:var(--tone);outline:2px solid var(--ink);outline-offset:2px}.scale-caption{display:flex;justify-content:space-between;font:11px var(--mono);margin-top:12px;color:var(--muted)}.chart-source{font:11px/1.8 var(--mono);color:var(--muted);margin:22px 0 0}.exhibit-title{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:38px}.exhibit-title>p{max-width:350px;color:var(--muted)}.dark-exhibit{background:#243e30;color:var(--paper)}.dark-exhibit em{color:#d8dcae}.dark-exhibit .exhibit-title>p,.dark-exhibit .chart-source{color:#ced6c5}.dark-exhibit .button{margin-top:30px}.matrix-scroll{overflow:auto}.hazard-matrix{font-size:12px;table-layout:fixed;min-width:760px}.hazard-matrix caption{color:#ced6c5;padding:0 0 18px}.hazard-matrix th,.hazard-matrix td{min-width:0;padding:8px 5px;border-color:#ffffff20}.hazard-matrix thead th{font:11px var(--mono);padding-bottom:16px}.hazard-matrix th:first-child{width:155px}.hazard-matrix th small{color:#c1cab7;font-size:10px}.heat-cell{background:var(--tone);color:#16271c;display:flex;align-items:center;justify-content:center;min-height:76px;text-align:center;padding:8px;font-weight:500;border-radius:2px}.heat-cell[style*='#934935']{color:#fff9eb}.heat-cell.unrated{background:repeating-linear-gradient(135deg,#e7e2d3,#e7e2d3 4px,#d2d1bf 4px,#d2d1bf 5px);color:#38412f;font:11px var(--mono)}.chart-legend{display:flex;flex-wrap:wrap;gap:18px;margin:25px 0 0;font:11px var(--mono)}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:12px;height:12px;display:block}.big-stat{font:70px var(--display);color:var(--brand)}.big-stat small{display:block;font:11px var(--mono);color:var(--muted);margin-top:8px}.distribution-layout{display:grid;grid-template-columns:1fr 2fr;gap:60px}.distribution-layout>div:first-child>p{max-width:250px}.distribution-chart{padding:28px;border:1px solid var(--line);background:#fbf6eb}.distribution-chart h3{font-size:24px;margin-bottom:30px}.distribution-row{display:grid;grid-template-columns:140px 1fr 45px;gap:15px;align-items:center;font-size:11px;margin:16px 0}.distribution-row strong{text-align:right;font:12px var(--mono)}.bar-track{height:22px;background:#eae7da;border-left:1px solid #a4ac97}.bar-fill{height:100%;background:var(--tone);min-width:0}.bar-axis{display:flex;justify-content:space-between;padding-left:155px;padding-right:60px;font:11px var(--mono);color:var(--muted)}.pair-section{background:#e8e7d7;border-block:1px solid var(--line)}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.pair-grid article{padding:30px;background:var(--paper);border:1px solid #c5cbb5}.pair-grid h3,.pair-grid select{height:53px;margin-bottom:24px;font:27px var(--display)}.pair-grid select{width:100%;padding:8px}.pair-row{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:12px 0;border-top:1px solid var(--line);font-size:12px}.pair-row strong{grid-column:2;font:11px var(--mono);font-weight:400;text-align:right}.pair-track{display:flex;background:linear-gradient(#c9cebc,#c9cebc) center / 100% 1px no-repeat}.pair-slot{flex:1;height:18px;display:grid;place-items:center}.pair-slot:before{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:#a5af98}.pair-dot{width:13px;height:13px;z-index:1;border-radius:50%;background:var(--brand);border:2px solid var(--paper);box-shadow:0 0 0 1px var(--brand)}.pair-dot.a{background:var(--brand);box-shadow:0 0 0 1px var(--brand)}.pair-dot.b{background:#b3663e;box-shadow:0 0 0 1px #b3663e}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.coverage-card{border:1px solid var(--line);padding:35px;background:#fbf6eb}.coverage-top{display:flex;align-items:center;gap:25px}.coverage-top>strong{font:85px var(--display);color:var(--brand)}.coverage-top>strong span{font-size:30px;color:var(--muted)}.coverage-top>p{font-size:14px;margin:0}.waffle{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:25px 0}.waffle-cell{aspect-ratio:1.7;display:grid;place-items:center;font:14px var(--mono);border-radius:2px}.waffle-cell.rated{background:#245843;color:#f5efe2}.waffle-cell.exception{background:repeating-linear-gradient(135deg,#eae5d5,#eae5d5 5px,#c9cdb9 5px,#c9cdb9 6px);color:#38412f}.status-counts{display:flex;gap:28px}.status-counts>div{display:flex;gap:8px;align-items:center}.status-counts strong{font:28px var(--display)}.status-counts span{font:11px var(--mono)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:900px){.visual-hero .hero-grid{gap:25px}.distribution-layout{gap:25px}.distribution-row{grid-template-columns:110px 1fr 40px;gap:8px}.bar-axis{padding-left:118px;padding-right:48px}.pair-grid article{padding:20px}.coverage-grid{gap:30px}}@media(max-width:650px){.visual-hero .hero-grid,.distribution-layout,.pair-grid,.coverage-grid{grid-template-columns:1fr}.visual-hero h1{font-size:44px}.profile-card{padding:22px}.exhibit-title{display:block}.exhibit-title>p{font-size:14px}.big-stat{font-size:54px;margin-top:24px}.distribution-chart{padding:20px 12px}.distribution-row{font-size:10px;grid-template-columns:116px 1fr 35px;gap:7px}.bar-axis{padding-left:123px;padding-right:42px}.coverage-card{padding:25px}.profile-card .eyebrow{font-size:10px}.live-dot{font-size:10px}.matrix-scroll{margin-right:-5vw}.chart-legend{gap:12px}.pair-grid h3,.pair-grid select{font-size:24px}.coverage-top>strong{font-size:72px}}@media(prefers-reduced-motion:no-preference){.step,.bar-fill{transition:background .2s}.profile-card{animation:arrive .5s ease-out}@keyframes arrive{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}}
.compare-toggles{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:1rem 0}.compare-toggles label{display:flex;gap:.4rem;align-items:center;font-weight:500}.eal-chart{display:grid;gap:.55rem;margin:1rem 0}.eal-row{display:grid;grid-template-columns:minmax(9rem,12rem) 1fr auto;gap:.7rem;align-items:center}.eal-track{display:block;background:#e7e0cd;min-height:.9rem}.eal-fill{display:block;background:#245843;min-height:.9rem}tr[hidden],div[hidden]{display:none}.sort-btn{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:4px;font-weight:600;text-align:left}.sort-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sort-indicator{font:11px var(--mono);opacity:.65}th[aria-sort="ascending"] .sort-indicator,th[aria-sort="descending"] .sort-indicator{opacity:1;color:var(--brand);font-weight:700}.measure-picker{margin:1.2rem 0 .5rem;display:flex;flex-direction:column;gap:.35rem}.measure-picker label{font:11px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.measure-picker select{width:100%;max-width:440px;font:14px var(--sans);padding:8px 10px;background:var(--paper);border:1px solid #a3ac95}.export-bar{display:flex;align-items:center;gap:1.2rem;margin:1.2rem 0;flex-wrap:wrap}.export-bar .button{font-size:13px;padding:8px 16px}#export-feedback{font:12px var(--mono);color:var(--brand)}#hazard-breakdown-table td{text-align:right}#hazard-breakdown-table th button,#compare-table th button{width:100%;justify-content:space-between}
/* Loss exhibit. The card shell is .profile-card and the bars are .eal-*; only the
   layout that is genuinely new to this exhibit is defined here, using the same
   tokens as the rest of the system. */
.loss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 26px}
.loss-card h3{margin:8px 0 2px;font-size:22px;font-family:var(--display)}
.loss-card .loss-total{display:flex;align-items:baseline;gap:10px;margin:0 0 14px}
.loss-total strong{font:31px var(--display);color:var(--brand);line-height:1}
.loss-total span{font:11px/1.5 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.loss-card .loss-bar{height:6px;background:#d3d9c5;margin:0 0 4px}
.loss-card .loss-bar>span{display:block;height:100%;background:var(--brand)}
.loss-sub{font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 0}
.loss-card .eal-chart{margin:.5rem 0 0;gap:.4rem}
.loss-card .eal-row{grid-template-columns:minmax(6rem,8.5rem) 1fr auto;gap:.55rem;font-size:12px}
.loss-card .eal-track,.loss-card .eal-fill{min-height:.62rem}
.loss-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:18px 0 0;padding-top:14px;border-top:1px solid #c1c9b3}
.loss-meta div{display:flex;flex-direction:column}
.loss-meta dt{font:11px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.loss-meta dd{margin:3px 0 0;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
@media(max-width:1100px){.loss-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.loss-grid{grid-template-columns:1fr;gap:20px}}
/* Touch targets for the compare controls: .sort-btn shipped ~18px tall and the
   checkbox labels ~26px with a 6.4px gap. */
.sort-btn{padding:12px 0;min-height:44px}
.compare-toggles label{min-height:44px;padding:6px 0}
.compare-toggles{gap:.2rem 1.2rem}
/* Keep the county name visible while the seven hazard columns scroll. */
.matrix-scroll{position:relative}
.hazard-matrix th:first-child,.hazard-matrix td:first-child{position:sticky;left:0;background:#243e30;z-index:2}
.scroll-hint{font:11px var(--mono);color:#ced6c5;margin:0 0 14px}