.fire-reading { margin: 10px 0; max-width: 520px; }
.xionia-alerts .fire-score {
  display: flex; align-items: center; gap: 12px;
  margin: 10px 0; padding: 10px 12px; border-radius: 9px;
  border: 1px solid currentColor;
}
.fire-score strong { font-size: 28px; line-height: 1.15; font-variant-numeric: tabular-nums; }
.fire-score span { font-weight: 700; }
.fire-level-1 { background: #def3e7; color: #185536; }
.fire-level-2 { background: #fff1bf; color: #634800; }
.fire-level-3 { background: #ffe0bd; color: #7b3400; }
.fire-level-4 { background: #ffdad7; color: #861f25; }
.fire-level-5 { background: #eddbf6; color: #5b256f; }
.fire-scale { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
.fire-step {
  padding: 3px 0; text-align: center; border: 1px solid #8ca6b7; border-radius: 5px;
  background: #e6edf2; color: #375467; font-variant-numeric: tabular-nums;
}
.fire-active { font-weight: 800; border: 2px solid currentColor; padding: 2px 0; }
.fire-active.fire-level-1 { background: #def3e7; color: #185536; }
.fire-active.fire-level-2 { background: #fff1bf; color: #634800; }
.fire-active.fire-level-3 { background: #ffe0bd; color: #7b3400; }
.fire-active.fire-level-4 { background: #ffdad7; color: #861f25; }
.fire-active.fire-level-5 { background: #eddbf6; color: #5b256f; }
.fire-value-date { font-weight: 650; }
.fire-provider, .fire-distinction { font-size: 12px; line-height: 1.5; }
.fire-distinction { font-weight: 600; }
.fire-missing { font-weight: 600; }
.fire-method-list { padding-left: 22px; }
.xionia-alerts .fire-source-links { display: flex; flex-wrap: wrap; gap: 8px; }
body.xionia-dark .fire-step:not(.fire-active) { background: #223b50; color: #d5e3ec; border-color: #637f93; }

/* Mobile Signals r1: named areas must place all three actual grid children.
   Legacy row/column rules otherwise create zero-width implicit tracks. */
html body #place-alerts.xionia-alerts.xionia-alerts-compact {
 display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr)!important;
 grid-template-areas:"signals fire preview"!important;gap:18px;align-items:start;
}
html body #place-alerts.xionia-alerts-compact>.xionia-alert-overview {grid-area:signals!important;min-width:0}
html body #place-alerts.xionia-alerts-compact>.xionia-fire-panel {grid-area:fire!important;min-width:0;box-sizing:border-box;max-width:100%;margin:0;overflow-wrap:break-word}
html body #place-alerts.xionia-alerts-compact>.xionia-signal-satellite {grid-area:preview!important;min-width:0;max-width:100%}
html body #place-alerts .fire-reading {width:100%;max-width:100%;box-sizing:border-box}
html body #place-alerts .fire-score {display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;box-sizing:border-box}
html body #place-alerts .fire-score strong {white-space:nowrap}
html body #place-alerts .fire-scale {width:100%;box-sizing:border-box;gap:6px}
html body #place-alerts .fire-step {padding-block:7px;line-height:1.3}
html body #place-alerts .fire-source-links {display:flex;gap:8px;flex-wrap:wrap}
html body #place-alerts .fire-source-links a {display:inline-flex;align-items:center;min-height:44px}
html body #place-alerts .xionia-fire-panel>details>summary {min-height:44px;cursor:pointer;line-height:1.5}
@media(max-width:900px){
 html body #place-alerts.xionia-alerts.xionia-alerts-compact {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"signals" "fire" "preview"!important;gap:16px}
 html body #place-alerts.xionia-alerts-compact>.xionia-fire-panel {padding:14px 0 0;border-inline-start:0;border-top:1px solid #819caa55}
 html body #place-alerts.xionia-alerts-compact>.xionia-fire-panel h3 {font-size:16px;line-height:1.5;margin:0 0 10px}
}

/* Forecast card alignment r1: override the legacy two-row bundle explicitly. */
html body #place-alerts.xionia-alerts.xionia-alerts-compact.xionia-alerts-has-preview{grid-template-rows:auto!important;align-items:start!important}
html body #place-alerts.xionia-alerts-compact.xionia-alerts-has-preview>.xionia-fire-panel{padding:0 0 0 18px!important;border:0!important;border-inline-start:1px solid #819caa55!important}
html body #place-alerts.xionia-alerts-compact>.xionia-alert-overview>h2,html body #place-alerts.xionia-alerts-compact>.xionia-fire-panel>h3,html body #place-alerts.xionia-alerts-compact>.xionia-signal-satellite>h3{margin:0 0 10px!important;padding:0!important;line-height:1.5!important;font-size:15px!important}
html body #place-alerts.xionia-alerts-compact>.xionia-signal-satellite{min-height:0!important;align-self:start!important}
html body #place-alerts .xionia-satellite-viewport{flex:none!important;height:310px;min-height:310px!important}
@media(max-width:900px){html body #place-alerts.xionia-alerts-compact.xionia-alerts-has-preview>.xionia-fire-panel{padding:16px 0 0!important;border-inline-start:0!important;border-top:1px solid #819caa55!important}html body #place-alerts.xionia-alerts-compact>.xionia-signal-satellite{padding-top:16px;border-top:1px solid #819caa55}}

/* Shared signals layout r1: contain the satellite frame in all compact forecast panels. */
html body #place-alerts .xionia-satellite-viewport{height:auto!important;min-height:0!important;overflow:visible}
html body #place-alerts .xionia-satellite-viewport .xn-map-frame{position:relative!important;inset:auto!important;width:100%;height:auto!important;transform:none!important}
html body #place-alerts .xionia-satellite-viewport iframe{position:static!important;inset:auto!important;display:block;width:100%;height:490px!important;min-height:490px!important;border:0;border-radius:12px}
html body #place-alerts .xionia-satellite-zoom{position:static!important;display:inline-block;margin:8px 0;padding:6px 10px;border-radius:8px;background:#174960;color:white;text-decoration:none;font-size:12px}
html body #place-alerts.xionia-alerts-compact{height:auto!important;min-width:0;overflow:visible}