/* /ideas (2026-10-13): every Dossier on its shelf, in the ruled two-column entries
   the homepage used for Elsewhere. Phones get one column. Shelf headings sit well above
   card titles in size, and a thin rule with open space above marks each new shelf. */
.dossiers-index .public-page-head { margin-bottom: 64px; }
.dossiers-index #elsewhereView { max-width: none; margin: 0; padding: 0; }
.dossiers-index .pattern-shelf { margin: 0; }
.dossiers-index .pattern-shelf + .pattern-shelf { margin-top: 72px; padding-top: 56px; border-top: 1px solid rgba(240, 234, 223, .26); }
.dossiers-index .pattern-shelf-head { margin-bottom: 28px; }
.dossiers-index .pattern-shelf-head h2 { margin: 0; color: var(--paper); font: 400 clamp(36px, 4vw, 52px)/1.06 var(--serif); letter-spacing: -.03em; text-wrap: balance; }
.dossiers-index .pattern-mechanism { margin-top: 14px; }
.dossiers-index .pattern-breaks { margin-top: 8px; font-size: 15px; color: var(--muted, #aaa296); }
.dossiers-index #elsewhereView .elsewhere-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; align-items: start; }
.dossiers-index #elsewhereView .elsewhere-card { min-height: 0; min-width: 0; padding: 20px 0; border: 0; border-top: 1px solid var(--line); background: transparent; justify-content: flex-start; text-decoration: none; }
.dossiers-index #elsewhereView .elsewhere-card:hover { border-top-color: var(--gold); }
.dossiers-index #elsewhereView .elsewhere-card h2,
.dossiers-index #elsewhereView .elsewhere-card h3 { margin: 8px 0 10px; color: var(--paper); font: 350 clamp(23px, 2vw, 29px)/1.13 var(--display); letter-spacing: -.025em; overflow-wrap: break-word; }
.dossiers-index #elsewhereView .elsewhere-card p { margin: 0; }
.dossiers-index #elsewhereView .elsewhere-card .read { margin-top: 14px; }
@media (max-width: 760px) {
  .dossiers-index .public-page-head { margin-bottom: 44px; }
  .dossiers-index #elsewhereView .elsewhere-grid { grid-template-columns: minmax(0, 1fr); }
  .dossiers-index .pattern-shelf + .pattern-shelf { margin-top: 56px; padding-top: 40px; }
  .dossiers-index .pattern-shelf-head { margin-bottom: 24px; }
  .dossiers-index .pattern-shelf-head h2 { font-size: 34px; }
}