.starts-page { width: auto; margin: 0 auto; padding: 0 0 72px; }
.starts-intro { margin: 0 5vw; padding-top: 34px; }
.starts-eyebrow { margin: 0 0 8px; color: var(--coral-deep); font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.starts-intro h1 { margin: 0; font-size: clamp(32px, 6vw, 50px); letter-spacing: -0.055em; }
.starts-page .mobile-filter-handles { margin-top: 0; }
.starts-status { margin: 36px 5vw; color: var(--muted); }
.starts-section { margin: 44px 5vw 0; }
.starts-feed { display: grid; gap: 42px; }
.start-entry { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 28px; padding-top: 28px; border-top: 1px solid var(--line); }
.start-entry.has-no-image { grid-template-columns: 1fr; }
.start-entry-copy { min-width: 0; }
.start-entry time { color: var(--coral-deep); font-size: 13px; font-weight: 900; }
.start-entry h3 { margin: 10px 0 0; font-size: clamp(23px, 3vw, 31px); letter-spacing: -0.04em; line-height: 1.32; word-break: keep-all; }
.start-entry-meta { margin: 13px 0 0; color: var(--muted); font-size: 14px; line-height: 1.65; word-break: keep-all; }
.start-entry-description { margin: 17px 0 0; color: var(--ink); line-height: 1.75; word-break: keep-all; }
.start-entry-actions { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin-top: 18px; }
.start-entry-image { display: block; width: 100%; aspect-ratio: 4 / 3; border-radius: 12px; object-fit: cover; background: var(--surface); }
.starts-more { display: inline-flex; justify-self: start; margin-top: -8px; padding: 10px 15px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink); font: inherit; font-size: 14px; font-weight: 900; cursor: pointer; }
.starts-more:hover, .starts-more:focus-visible { border-color: var(--ink); background: var(--ink); color: var(--surface); }

@media (max-width: 700px) {
  .start-entry { grid-template-columns: 1fr; }
  /* Keep the stacked card in reading order: date, title and meta first, then
     the image. Pulling the image above the copy hid what the entry is about
     until after a large picture. */
  .start-entry-image { max-width: 520px; }
}