/* Racks and devices — layout unique to this page. */
@layer page {
  /* The enrolment dialog: the QR beside its facts and key; stacked on phones. */
  .eq-token { display: flex; align-items: flex-start; gap: var(--s5); }
  .eq-token__side { flex: 1; min-width: 0; }
  @media (max-width: 560px) { .eq-token { flex-direction: column; } }

  /* A rack card named by the address (#sr-04) is the one you came for. */
  .eq-unit:target { outline: 2px solid var(--accent); outline-offset: 2px; }

  /* Device rows named by the address land mid-screen. */
  #eq-page tr[id] { scroll-margin-block: 40vh; }
}