/* Licensed, first-party typography. Sources and OFL notices are in assets/fonts/. */
@font-face {
  font-family: "Instrument Sans";
  src: url("/assets/fonts/instrument-sans-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: "Newsreader";
  src: url("/assets/fonts/newsreader-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}
:root {
  --ui-font: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --editorial-font: "Newsreader", Georgia, "Times New Roman", serif;
  /* Existing publication markers share the interface face. */
  --editorial-mono: var(--ui-font);
}
body { font-family: var(--ui-font); font-weight: 400; font-kerning: normal; }
h1, h2, h3, .chief-heading h3, .chief-heading p, .chief-footnote p,
.cookie-notice h2, .preferences-dialog h2 { font-family: var(--editorial-font); font-optical-sizing: auto; }
.publication-hero h1 { letter-spacing: -.055em; line-height: 1; font-weight: 400; }
.publication-hero h1 em { font-weight: 400; }
.page-heading h1, .edition-detail h1 { letter-spacing: -.04em; }
.latest-grid h3, .edition-info h2, .participation-grid h3 { font-weight: 450; line-height: 1.15; }
.prose { font-size: clamp(17px, 1.4vw, 19px); line-height: 1.85; }
.prose h2 { line-height: 1.15; margin-top: 1.4em; }
.prose p { max-width: 68ch; }
.brand-identity .brand-name { font-family: var(--ui-font); font-weight: 750; letter-spacing: -1.1px; }
.work-option-title { font-family: var(--editorial-font); font-weight: 450; letter-spacing: -.03em; }
.eyebrow, .chapter-number, .chief-kicker, .chief-card-label, .shelf-caption,
.story-path a > span, .conversation-steps > div > span, .form-time,
.visual-caption > span:first-child, .reader-series-label, .publication-footer h2 {
  font-family: var(--editorial-mono); font-weight: 500;
}
.meta, .byline, .breadcrumbs { font-size: 13px; line-height: 1.65; }
.small-note, .enquiry-note { line-height: 1.7; }
.reader-title, .reader-tools, .reader-bottom, .reader-options-panel { font-family: var(--ui-font); }
@media (max-width:767px) {
  .publication-hero h1 { font-size: clamp(52px, 12.5vw, 80px); }
  .eyebrow { font-size: 10px; letter-spacing: 1px; }
  .prose { line-height: 1.8; }
}