/* Steadman weekly-email sub-site: additive refresh, 5th September 2026.
   Loaded last on the hub, index, essays, news, readers, try-this, extras, podcast and archive pages.
   Styles descendants of the existing wrappers only. Nothing the Saturday pipeline matches or rewrites changes:
   the hero-meta paragraph, the featured trio, the recent-editions rows, the browse counts, the podcast card
   template and the archive edition markup are untouched. Ideas from Giordano Pistagni's July 2026 branch,
   recoloured into the site's own tokens (cream, navy, terracotta; Source Serif 4 and DM Sans). */

:root { --refresh-lift: 0 6px 20px rgba(15, 41, 66, 0.08); --refresh-ease: 250ms ease; }

/* Keyboard focus, everywhere */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--accent-warm, #c27a5c); outline-offset: 3px; border-radius: 4px; }

/* Hub: masthead */
.hero { padding: 3.5rem 0 2.25rem; }
.hero-title { font-size: clamp(2.25rem, 5.5vw, 3.5rem); letter-spacing: -0.035em; }
.hero-subtitle { font-size: 1.125rem; max-width: 640px; }
.hero-meta { margin-top: 0.25rem; }

/* Hub: the featured essay leads */
.featured-card { border-left: 4px solid var(--accent-warm, #c27a5c); padding: 2.25rem 2.75rem; }
.featured-title { font-size: clamp(1.5rem, 2.6vw, 1.875rem); line-height: 1.25; }
.featured-excerpt { font-family: var(--font-display, Georgia, serif); font-size: 1.0625rem; line-height: 1.65; }

/* Hub: recent editions as an index */
.edition-row { padding: 1rem 1.5rem; }
.edition-number { color: var(--accent-warm, #c27a5c); }
.edition-title { font-size: 1.0625rem; }

/* Hub: browse and artefact cards lift on hover */
.content-card:hover, .artefact-card:hover { transform: translateY(-3px); box-shadow: var(--refresh-lift); }
.artefact-wip { background: var(--cream, #f7f6f3); color: var(--grey-warm-mid, #6b7178); border-color: var(--grey-warm-pale, #e6e2d9); }

/* Hub: subscribe band carries a quiet contour ring */
.subscribe-section { position: relative; overflow: hidden; }
.subscribe-section::after { content: ""; position: absolute; right: -140px; top: -100px; width: 380px; height: 380px; border-radius: 50%;
  border: 1px solid rgba(247, 246, 243, 0.14); box-shadow: 0 0 0 44px rgba(247, 246, 243, 0.05), 0 0 0 96px rgba(247, 246, 243, 0.03); pointer-events: none; }
.subscribe-inner { position: relative; }

/* Reading pages: hierarchy and measure */
.page-title { letter-spacing: -0.03em; }
.essay-card, .news-card, .reader-card, .tip-card { border-radius: 10px; transition: box-shadow var(--refresh-ease), border-color var(--refresh-ease), transform var(--refresh-ease); }
.essay-card:hover, .reader-card:hover, .tip-card:hover { box-shadow: var(--refresh-lift); }
.essay-body-inner, .reader-body-inner, .tip-body-inner { max-width: 66ch; }
.essay-body-inner p, .reader-body-inner p, .tip-body-inner p { line-height: 1.72; }
.essay-edition, .tip-edition, .reader-edition { color: var(--accent-warm, #c27a5c); }
.prompt-pre { border-radius: 8px; }

/* Podcast: cards on the same treatment, the player stays navy */
.episode { border: 1px solid var(--grey-warm-pale, #e6e2d9); box-shadow: none; transition: box-shadow var(--refresh-ease), transform var(--refresh-ease); }
.episode:hover { box-shadow: var(--refresh-lift); }
.player-progress-wrap { background: rgba(247, 246, 243, 0.18); }

/* Archive: typography and spacing only; the accordion is unchanged */
.week { border-radius: 10px; }
.week-header { padding: 1.125rem 1.25rem; }
.week-title { font-size: 1.125rem; }

/* Reduced motion: no lifts, no transitions */
@media (prefers-reduced-motion: reduce) {
  .content-card, .artefact-card, .essay-card, .reader-card, .tip-card, .episode { transition: none; }
  .content-card:hover, .artefact-card:hover, .essay-card:hover, .reader-card:hover, .tip-card:hover, .episode:hover { transform: none; box-shadow: none; }
}

/* Print: chrome off, every card and edition body open */
@media print {
  .site-header, .cookie-banner, .subscribe-section, .site-footer, .controls, .controls-row { display: none !important; }
  .page { padding-top: 0 !important; }
  .content-card, .artefact-card, .essay-card, .reader-card, .tip-card, .episode, .week { break-inside: avoid; box-shadow: none !important; transform: none !important; }
  .week-body, .essay-body, .reader-body, .tip-body { max-height: none !important; overflow: visible !important; }
}