.exposure-panel { min-height:0; margin:14px 0; padding:14px 18px 0; border-color:rgba(97,199,215,.14); background:var(--panel,#081113); }
.exposure-header { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:12px; }
.exposure-header .eyebrow { font-size:9px; color:#91a5ae; }
.exposure-header h2 { margin:3px 0 0; color:#cbd9df; font-size:18px; font-weight:500; letter-spacing:-.02em; }
.exposure-total { display:flex; align-items:baseline; gap:10px; text-align:right; }
.exposure-total>span { max-width:25ch; color:#91a5ae; font-size:9px; line-height:1.4; letter-spacing:.06em; }
.exposure-total>strong { color:#a6cbd3; font-family:Consolas,monospace; font-weight:400; font-size:21px; font-variant-numeric:tabular-nums; }
.exposure-summary { max-width:110ch; margin:0 0 12px; color:#91a5ae; font-size:11px; line-height:1.5; }
.exposure-table { display:block; width:100%; border-collapse:collapse; }
.exposure-table tbody { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:6px; }
.exposure-table tr { display:flex; flex-direction:column; min-width:0; padding:9px 10px; border:1px solid rgba(145,184,200,.09); background:rgba(4,12,15,.3); }
.exposure-table th { display:block; min-height:2.6em; padding:0; text-align:left; color:#9db0ba; font-size:11px; line-height:1.3; letter-spacing:0; font-weight:400; text-transform:none; overflow-wrap:break-word; }
.exposure-table td { display:block; padding:0; }
.exposure-table td strong { display:block; margin:5px 0 8px; color:#cbd9df; font:400 17px Consolas,monospace; font-variant-numeric:tabular-nums; white-space:nowrap; }
.exposure-track { display:block; height:2px; overflow:hidden; background:rgba(97,199,215,.07); }
.exposure-track i { display:block; width:0; height:100%; background:#6aa6b2; transition:width .8s ease; }
.exposure-table tr[data-zero=true] td strong { color:#91a5ae; }
.exposure-table tr[data-zero=true] { border-color:rgba(145,184,200,.06); }
.exposure-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 14px; margin-top:10px; padding-bottom:9px; font:10px/1.4 Consolas,monospace; color:#91a5ae; }
.exposure-footer time { color:#b4c6cf; font-variant-numeric:tabular-nums; }
.exposure-method { border-top:1px solid rgba(145,184,200,.09); padding:8px 0; color:#91a5ae; font-size:10px; line-height:1.5; }
.exposure-method summary { cursor:pointer; width:fit-content; }
.exposure-method p { max-width:100ch; margin:8px 0 3px; font-size:11px; }
.exposure-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.exposure-panel[data-state=STALE] .exposure-track i,.exposure-panel[data-state=DISCONNECTED] .exposure-track i { background:#91b8c8; }
.exposure-panel[data-state=UNAVAILABLE] .exposure-total>strong { color:#91a5ae; }
@media(max-width:1100px) { .exposure-table tbody { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(min-width:521px) { html[data-layout="mobile"] .exposure-table tbody { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:520px) {
  .exposure-panel { padding:12px 12px 0; }
  .exposure-table tbody { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .exposure-table tr { padding:8px 9px; }
  .exposure-table th { min-height:0; }
  .exposure-table td strong { font-size:16px; margin:4px 0 6px; }
  .exposure-total { flex-direction:column; gap:3px; align-items:flex-end; }
  .exposure-total>strong { font-size:19px; }
  .exposure-header h2 { font-size:16px; }
  .exposure-footer { gap:4px 10px; }
}
@media(prefers-reduced-motion:reduce) { .exposure-track i { transition:none; } }