/* Press kit (/press/). Loaded only there, on top of site.css: same palette,
   type and document layout (.doc). No boxed cards: typographic rows with a
   hairline, like the Classics pages; the screenshots are plain images. */

.pr-facts { margin: 8px 0 0; }
.pr-fact {
  display: grid; grid-template-columns: minmax(0, 11em) minmax(0, 1fr); gap: 2px 18px;
  padding: 11px 0; border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.pr-fact:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.pr-fact dt { font-family: var(--mono); font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--glow); padding-top: 3px; }
.pr-fact dd { margin: 0; color: var(--on-surface); }
@media (max-width: 560px) { .pr-fact { grid-template-columns: 1fr; } }

.pr-meta { display: inline-block; margin-left: 10px; font-family: var(--mono); font-size: 12.5px; color: var(--outline); }
p.pr-meta { margin: -4px 0 14px; margin-left: 0; }

.pr-icon { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.pr-icon img { border-radius: 25px; box-shadow: 0 10px 34px rgba(12, 9, 18, 0.45); }
.pr-icon p { margin: 0; }

.pr-shots {
  list-style: none; margin: 0; padding: 0 !important;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 18px;
}
@media (min-width: 640px) { .pr-shots { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pr-shots li { margin: 0 !important; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.pr-shots a { display: block; }
.pr-shots img { display: block; width: 100%; height: auto; aspect-ratio: 1320 / 2868; border-radius: 14px; }
.pr-shots span { font-size: 14px; line-height: 1.4; color: var(--on-surface-variant); }

.pr-zip { margin: 22px 0 4px; }
.pr-note { font-size: 14.5px; color: var(--outline) !important; }