/* Launch small. Styles only launch-small.html and archive-small.html use.
   "Back from the archive" is a quiet list. No covers, no links, no dates, so it reads as what is coming, not what is here. */

.lb-grid { display: grid; gap: clamp(18px, 2.4vw, 40px); }
.lb-lede {
  font-family: var(--serif); font-weight: 600; font-variation-settings: "opsz" 48;
  font-size: clamp(1.25rem, 1.9vw, 1.7rem); line-height: 1.22; letter-spacing: -0.01em;
  color: var(--ink); max-width: 22em;
}
.lb-list { columns: 1; column-gap: clamp(28px, 3vw, 48px); }
.lb-list li { break-inside: avoid; border-top: 1px solid var(--rule-soft); padding: 11px 0 13px; }
.lb-list h4 {
  font-family: var(--serif); font-weight: 600; font-variation-settings: "opsz" 24;
  font-size: 1.08rem; line-height: 1.2; color: var(--text-mid);
}
.lb-list p { margin-top: 4px; font-size: 0.94rem; line-height: 1.42; color: var(--text-dim); }

@media (min-width: 700px) { .lb-list { columns: 2; } }
@media (min-width: 1200px) {
  .lb-grid { grid-template-columns: 4fr 8fr; align-items: start; }
  .lb-list { columns: 2; }
}

/* the archive page puts the list after the ledger, with the same gap the ledger groups use */
.lb-arch .lb-back { padding-bottom: clamp(8px, 1vw, 16px); }

/* the archive shelf holds two tiles at launch (Issue 01 and Start Here), so two across instead of three */
@media (min-width: 700px) { .lb-arch .shelf { grid-template-columns: repeat(2, 1fr); } }