/* Rack setup — layout unique to this page: the search strip and the "Before you power on" grid. */
@layer page {
  /* What Janus is doing right now, in one line: radar · where it looks · next search. */
  .pv-listen { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--s5); align-items: center; }
  .pv-next { min-width: 150px; text-align: end; }

  /* Before you power on: seven facts in a ruled three-column grid, numbered. */
  .pv-pf { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); counter-reset: pf; }
  .pv-pf > li { counter-increment: pf; display: grid; gap: var(--s2); align-content: start; justify-items: start; padding: var(--s4) var(--s5); box-shadow: inset -1px -1px 0 var(--line-soft); font-size: var(--t-small); color: var(--text-2); }
  .pv-pf > li > b { color: var(--text); font-size: var(--t-data); font-weight: 650; }
  .pv-pf > li > b::before { content: counter(pf) ' · '; color: var(--text-3); font-weight: 600; }

  @media (max-width: 1180px) { .pv-pf { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 700px) {
    .pv-pf { grid-template-columns: minmax(0, 1fr); }
    .pv-listen { grid-template-columns: auto minmax(0, 1fr); }
    .pv-next { grid-column: 1 / -1; }
  }
}