/* Fire desk. Ember map, not a stills grid. */
.fire-work {
  display: grid;
  grid-template-columns: minmax(16rem, 22rem) 1fr;
  min-height: 55vh;
  border-top: 1px solid #3a241c;
}
.fire-list {
  background: #1a100c;
  overflow: auto;
  padding: 0.8rem;
}
.fire-list h2 { margin: 0 0 0.4rem; }
/* Sources row: plain outbound links, on purpose not chips.
   Chips read as controls that filter this page; these leave the site. */
.sources { margin: 0 0 1.1rem; font-size: 0.85rem; color: var(--faint); }
.sources a { color: var(--muted); text-decoration: underline; text-underline-offset: 2px; margin-left: 0.55rem; }
.sources a::after { content: " \2197"; font-size: 0.85em; }
.sources a:hover, .sources a:focus-visible { color: var(--paper); }
#fire-map { min-height: 22rem; background: #100a08; }
.fire-card { border-left: 3px solid #e35b2a; background: #221410; }
.lookout-hero {
  display: grid;
  grid-template-columns: minmax(16rem, 28rem) 1fr;
  gap: 0;
  border-top: 1px solid #3a241c;
  background: #100a08;
}
.lookout-hero img { width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; background: #080807; }
.lookout-hero .pad { padding: 1rem 1.1rem; }
@media (max-width: 800px) {
  /* Phone: map first, the fire list scrolls under it, lookout still stacks. */
  .fire-work { grid-template-columns: 1fr; }
  .fire-list { order: 2; max-height: 38vh; }
  #fire-map { order: 1; }
  .lookout-hero { grid-template-columns: 1fr; }
}