/* Spotlight (/spotlight/). The route shell, labels, metrics,
   disclosures, closing mark and footer come from observatory.css (B42).
   This file only lays out the specimen tray and its records. */
.draw-jump { margin: 0 0 8px; }
.draw-metrics { margin-top: 48px; margin-bottom: 0; }
.draw-metrics [data-metric] { font-size: clamp(20px, 2.2vw, 28px); }

.draw-edition { margin-top: 96px; scroll-margin-top: 24px; }
.draw-edition h2 { margin: 16px 0 40px; }
.draw-edition h2 a { text-decoration: none; }
.draw-edition h2 a:hover { text-decoration: underline; }

/* Specimen tray: art on white, no frames; spacing carries the grid. */
.draw-projects { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 32px 20px; }
.draw-specimen { display: flex; flex-direction: column; min-width: 0; }
.draw-specimen img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; margin-bottom: 16px; mix-blend-mode: multiply; /* white art ground, as on the plate */ }
.draw-specimen h3 { font-size: 18px; margin-bottom: 8px; overflow-wrap: anywhere; }
.draw-specimen h3 a { text-decoration-thickness: 1px; }
.draw-meta { margin-top: 8px; font-size: 10px; letter-spacing: -0.05em; color: var(--rs-muted, #465665); }
.draw-specimen.no-art h3 { margin-top: 0; }

.draw-record { margin-top: 48px; border-top: 1px solid var(--obs-rule); }
.draw-record-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 24px; padding: 8px 0 16px; font-size: 12px; }
.draw-record-list dt { color: var(--rs-muted, #465665); }
.draw-seed { overflow-wrap: anywhere; }

.draw-empty-text { font: var(--rs-display-weight, 400) clamp(22px, 2.6vw, 30px)/1.22 var(--rs-display, Georgia, serif); font-variation-settings: var(--rs-display-axes, normal); max-width: 32ch; margin-top: 16px; }

@media (max-width: 1000px) {
  .draw-projects { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .draw-record-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .draw-projects { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 12px; }
  .draw-specimen h3 { font-size: 15px; overflow-wrap: break-word; }
  .draw-edition { margin-top: 64px; }
  .draw-record-list { grid-template-columns: minmax(0, 1fr); }
}