.collection-fresco {
  background-image:
    radial-gradient(circle at 82% 12%, rgba(255, 210, 122, .28), transparent 30%),
    radial-gradient(circle at 12% 84%, rgba(115, 205, 194, .27), transparent 25%),
    linear-gradient(118deg, #132b68, #426bc2 54%, #d66f78);
}

.incident-fresco {
  background-image:
    radial-gradient(circle at 83% 18%, rgba(255, 210, 122, .18), transparent 30%),
    radial-gradient(circle at 18% 92%, rgba(102, 207, 184, .24), transparent 28%),
    linear-gradient(126deg, #142956, #3868ad 62%, #5d957e);
}

.ledger-card,
.text-command,
.record-nav a {
  transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}

.ledger-card:has(.text-command:hover),
.ledger-card:has(.text-command:focus-visible) {
  transform: translateY(-2px);
  box-shadow: inset 0 1px white, 0 10px 20px rgba(9, 16, 29, .38);
}

.record-nav a:hover,
.record-nav a:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: -4px;
  background-color: #46546a;
}

@media (max-width: 900px) {
  .collection-fresco h1,
  .incident-fresco h1 { font-size: clamp(52px, 9vw, 76px); }
  .cabinet-heading { grid-template-columns: 1fr; gap: 18px; }
  .mechanism-grid { grid-template-columns: repeat(2, 1fr); }
  .mechanism-cell:nth-child(2) { border-right: 0; }
  .mechanism-cell:nth-child(-n+2) { border-bottom: 1px solid #aab4c2; }
  .recurrence-panel { grid-template-columns: 80px 1fr; }
  .theme-register { grid-column: 1 / -1; border-left: 0; border-top: 1px solid #a99a8b; }
  .audience-panel { grid-template-columns: 1fr; }
  .press-note { border-left: 0; border-top: 1px solid #1f2837; }
  .receipt-panel { grid-template-columns: 100px 1fr; }
  .receipt-action { grid-column: 1 / -1; padding: 0 34px 34px 134px; }
}

@media (max-width: 680px) {
  .collection-fresco,
  .incident-fresco { padding: 66px 24px 42px; }
  .collection-fresco { min-height: 520px; }
  .collection-fresco h1,
  .incident-fresco h1 { font-size: 48px; letter-spacing: -2px; }
  .collection-deck { font-size: 17px; }
  .collection-commands { grid-template-columns: 1fr 1fr; }
  .collection-cabinet { padding: 34px 14px; }
  .incident-ledger { grid-template-columns: 1fr; }
  .ledger-card:first-child,
  .ledger-card:last-child { grid-column: auto; }
  .ledger-content { padding: 24px 20px; }
  .ledger-content h3 { font-size: 28px; }
  .recurrence-panel { display: block; }
  .recurrence-mark { min-height: 70px; font-size: 44px; }
  .recurrence-copy,
  .mechanism-copy,
  .audience-reading { padding: 34px 24px; }
  .cabinet-heading h2,
  .recurrence-copy h2,
  .mechanism-copy h2,
  .audience-reading h2 { font-size: 34px; }
  .mechanism-grid { display: block; }
  .mechanism-cell { border-right: 0; border-bottom: 1px solid #aab4c2; }
  .mechanism-cell:last-child { border-bottom: 0; }
  .audience-reading > p:last-child { font-size: 19px; }
  .receipt-panel { display: block; }
  .receipt-stamp { min-height: 58px; }
  .receipt-copy { padding: 28px 24px; }
  .receipt-action { padding: 0 24px 28px; }
  .record-nav { display: block; }
  .record-nav a { display: block; border-right: 0; border-bottom: 1px solid #1d2635; }
  .record-nav a:last-child { border-bottom: 0; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .ledger-card,
  .text-command,
  .record-nav a { transition: none; }
}