/* 06-components/world-console — the world-detail device readout: the screenshot
   viewport and its gold spec-ledger aside pinned side by side on desktop, stacked
   (viewport → specs) on a phone. This owns ONLY the split; the parts are composed
   from c-scanframe + c-world__shot (the viewport) and c-panel--value + c-ledger
   (the aside). The reader should feel they are reading a status page for one
   machine — not a stack of identical panels. */
.c-world-console {
  display: grid;
  gap: var(--gap);
  grid-template-columns: 1fr;
}
@media (min-width: 47.5rem) {
  .c-world-console {
    /* Viewport wider than the spec aside; minmax(0,…) keeps the screenshot from
       forcing an overflow when the image is large. align-items:start so the aside
       does not stretch to a tall screenshot. */
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    align-items: start;
  }
}