/* Original page rules, scoped without increasing selector specificity. */

:where(.article-page) .featured-image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

/* Keep the exact headline accessible without repeating the editorial card. */
:where(.article-page) .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
:where(.article-page) .featured-artwork {
  display: block;
  margin-bottom: 1.1rem;
}

:where(.home-page) .editorial-index {
  margin-top: 2.75rem;
  padding-top: 2.75rem;
  border-top: 1px solid var(--rule);
}
:where(.home-page) .article-list { list-style: none; }
:where(.home-page) .article-list li + li {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid var(--rule);
}
:where(.home-page) .article-summary .article-classification {
  margin-bottom: 0.6rem;
  color: var(--accent);
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
:where(.home-page) .article-summary h3 {
  margin-bottom: 0.65rem;
  font-size: 1.45rem;
  font-weight: 400;
  line-height: 1.3;
}
:where(.home-page) .article-summary a {
  color: var(--accent);
  text-underline-offset: 0.18em;
  text-decoration-thickness: 1px;
}
:where(.home-page) .article-summary a:hover { text-decoration-thickness: 2px; }
:where(.home-page) .article-summary a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
}
:where(.home-page) .article-summary .article-date {
  margin-bottom: 0.9rem;
  font-size: 0.9rem;
  color: var(--text-muted);
}
:where(.article-page) .draft-notice {
  margin: 0 0 2rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--rule);
  background: var(--bg-panel);
  color: var(--accent);
  text-align: center;
}

:root:where(.home-page) {
      --bg: #f6f3ee;
      --bg-panel: #f0ebe3;
      --text: #1e1c19;
      --text-muted: #5c574f;
      --accent: #7c2d2d;
      --accent-soft: #a67c52;
      --rule: rgba(124, 45, 45, 0.35);
      --max-width: 680px;
    }
:where(.home-page) * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
html:where(.home-page) {
      font-size: 18px;
    }
:where(.home-page) body {
      background-color: var(--bg);
      color: var(--text);
      font-family: Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
      line-height: 1.65;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }
:where(.home-page) .container {
      width: 100%;
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 0 1.75rem;
    }
:where(.home-page) header {
      padding: 4.25rem 0 2.75rem;
      text-align: center;
    }
:where(.home-page) .mark {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.85rem;
      margin-bottom: 1.1rem;
    }
:where(.home-page) .monogram {
      width: 42px;
      height: 42px;
      flex-shrink: 0;
    }
:where(.home-page) .wordmark {
      font-family: Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
      font-size: clamp(2.4rem, 7vw, 3.6rem);
      font-weight: 400;
      letter-spacing: 0.04em;
      line-height: 1;
      color: var(--text);
    }
:where(.home-page) .tagline {
      font-size: 1.05rem;
      font-style: italic;
      letter-spacing: 0.015em;
      color: var(--accent);
    }
:where(.home-page) .rule {
      height: 1px;
      background: var(--rule);
      border: none;
      margin: 2.25rem auto;
      max-width: 120px;
    }
:where(.home-page) .rule.wide {
      max-width: 100%;
      margin: 2.75rem 0;
    }
:where(.home-page) main {
      flex: 1;
      padding: 0.5rem 0 4.5rem;
    }
:where(.home-page) .lede {
      font-size: 1.22rem;
      line-height: 1.7;
      margin-bottom: 1.4rem;
    }
:where(.home-page) p {
      margin-bottom: 1.15rem;
    }
:where(.home-page) p:last-child {
      margin-bottom: 0;
    }
:where(.home-page) h2 {
      font-family: Palatino, "Palatino Linotype", Georgia, serif;
      font-size: 1.15rem;
      font-weight: 400;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--accent);
      margin-bottom: 1.1rem;
    }
:where(.home-page) .coverage p {
      color: var(--text);
    }
:where(.home-page) .soon {
      background: var(--bg-panel);
      border: 1px solid var(--rule);
      padding: 2.75rem 2rem;
      text-align: center;
      margin-top: 0.5rem;
    }
:where(.home-page) .soon h2 {
      margin-bottom: 0.9rem;
      letter-spacing: 0.18em;
    }
:where(.home-page) .soon p {
      font-size: 1.05rem;
      max-width: 38rem;
      margin-left: auto;
      margin-right: auto;
    }
:where(.home-page) .domain {
      display: inline-block;
      margin-top: 1.6rem;
      font-family: Palatino, "Palatino Linotype", Georgia, serif;
      letter-spacing: 0.08em;
      font-size: 1rem;
      color: var(--accent);
    }
:where(.home-page) footer {
      padding: 2.25rem 0 2.5rem;
      text-align: center;
      font-size: 0.82rem;
      color: var(--text-muted);
      letter-spacing: 0.02em;
    }
:where(.home-page) footer .mark {
      margin-bottom: 0.75rem;
      gap: 0.5rem;
    }
:where(.home-page) footer .monogram {
      width: 22px;
      height: 22px;
    }
:where(.home-page) footer p {
      margin-bottom: 0.25rem;
      color: var(--text-muted);
    }

    @media (max-width: 600px) {
html:where(.home-page) {
        font-size: 16.5px;
      }
:where(.home-page) header {
        padding: 3.25rem 0 2rem;
      }
:where(.home-page) .container {
        padding: 0 1.25rem;
      }
:where(.home-page) .soon {
        padding: 2.25rem 1.25rem;
      }
:where(.home-page) .mark {
        gap: 0.6rem;
      }
    }
  

:root:where(.article-page) {
      --bg: #f6f3ee;
      --bg-panel: #f0ebe3;
      --text: #1e1c19;
      --text-muted: #5c574f;
      --accent: #7c2d2d;
      --accent-soft: #a67c52;
      --rule: rgba(124, 45, 45, 0.35);
      --max-width: 680px;
    }
:where(.article-page) *, :where(.article-page) *::before, :where(.article-page) *::after { box-sizing: border-box; }
html:where(.article-page) { font-size: 18px; }
:where(.article-page) body {
      margin: 0;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      background: var(--bg);
      color: var(--text);
      font-family: Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
    }
:where(.article-page) a { color: var(--accent); text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
:where(.article-page) a:hover { text-decoration-thickness: 2px; }
:where(.article-page) a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
:where(.article-page) .container { width: 100%; max-width: var(--max-width); margin-inline: auto; padding-inline: 1.75rem; }
:where(.article-page) .site-header { padding: 2.75rem 0 2.15rem; text-align: center; }
:where(.article-page) .brand-link { display: inline-block; color: inherit; text-decoration: none; }
:where(.article-page) .mark { display: flex; align-items: center; justify-content: center; gap: 0.85rem; margin-bottom: 0.7rem; }
:where(.article-page) .monogram { width: 42px; height: 42px; flex-shrink: 0; }
:where(.article-page) .wordmark { font-size: clamp(2.15rem, 7vw, 3.4rem); font-weight: 400; letter-spacing: 0.04em; line-height: 1; }
:where(.article-page) .tagline { margin: 0; font-size: 1.05rem; font-style: italic; letter-spacing: 0.015em; color: var(--accent); }
:where(.article-page) .rule { display: block; height: 1px; border: 0; background: var(--rule); max-width: 120px; margin: 0 auto; }
:where(.article-page) main { flex: 1; padding: 3rem 0 4.5rem; }
:where(.article-page) .article-heading { margin-bottom: 2.35rem; text-align: center; }
:where(.article-page) .eyebrow { margin: 0 0 1rem; color: var(--accent); text-transform: uppercase; letter-spacing: 0.16em; font-size: 0.75rem; font-weight: 600; }
:where(.article-page) h1 { font-size: clamp(2rem, 5.6vw, 2.75rem); font-weight: 400; letter-spacing: -0.015em; line-height: 1.2; margin: 0 auto 1.1rem; text-wrap: balance; }
:where(.article-page) .byline { margin: 0; font-size: 0.98rem; color: var(--text-muted); }
:where(.article-page) .heading-rule { height: 1px; background: var(--rule); border: 0; margin: 2.15rem 0 0; }
:where(.article-page) article p { margin: 0 0 1.24rem; }
:where(.article-page) article p:last-child { margin-bottom: 0; }
:where(.article-page) .lede { font-size: 1.12rem; line-height: 1.73; }
:where(.article-page) .story-synopsis { margin: 0 0 2.15rem; padding-inline-start: clamp(1rem, 3vw, 1.5rem); border-left: 2px solid var(--accent); font-style: normal; }
:where(.article-page) .story-synopsis > h2 { margin: 0 0 1rem; color: var(--accent); font-size: 0.75rem; font-weight: 600; line-height: 1.4; letter-spacing: 0.16em; text-transform: uppercase; }
:where(.article-page) .support { padding: 1.45rem 1.6rem; margin: 2.25rem 0 0; background: var(--bg-panel); border-left: 3px solid var(--accent); }
:where(.article-page) .support p { margin-bottom: 0.65rem; }
:where(.article-page) .support-links { font-size: 0.98rem; }
:where(.article-page) .support-links a { display: inline-block; }
:where(.article-page) .support-links a { white-space: nowrap; }
:where(.article-page) .support-links .dot { padding-inline: 0.4rem; color: var(--accent-soft); }
:where(.article-page) .disclosure { margin-top: 2.15rem; padding-top: 1.15rem; border-top: 1px solid var(--rule); color: var(--text-muted); font-size: 0.84rem; line-height: 1.65; }
:where(.article-page) .disclosure strong { color: var(--text); font-weight: 600; }
:where(.article-page) .back-link { display: inline-block; margin-top: 2.25rem; font-size: 0.95rem; }
:where(.article-page) .site-footer { padding: 2.25rem 0 2.5rem; border-top: 1px solid var(--rule); text-align: center; font-size: 0.82rem; color: var(--text-muted); letter-spacing: 0.02em; }
:where(.article-page) .site-footer .mark { margin: 0 0 0.7rem; }
:where(.article-page) .site-footer .monogram { width: 22px; height: 22px; }
:where(.article-page) .site-footer p { margin: 0 0 0.2rem; }

    @media (max-width: 600px) {
html:where(.article-page) { font-size: 16.5px; }
:where(.article-page) .container { padding-inline: 1.25rem; }
:where(.article-page) .site-header { padding: 2.65rem 0 2rem; }
:where(.article-page) .mark { gap: 0.6rem; }
:where(.article-page) .monogram { width: 36px; height: 36px; }
:where(.article-page) .wordmark { font-size: clamp(1.8rem, 8vw, 2.65rem); }
:where(.article-page) main { padding: 2.55rem 0 3.4rem; }
:where(.article-page) .article-heading { margin-bottom: 1.95rem; }
:where(.article-page) .support { padding: 1.25rem 1.1rem; }
    }

    @media print {
:where(.article-page) .featured-artwork { display: none; }
:where(.article-page) .visually-hidden {
  position: static;
  width: auto;
  height: auto;
  margin: 0 auto 1.1rem;
  overflow: visible;
  clip: auto;
  clip-path: none;
  white-space: normal;
}
:where(.article-page) body { background: #fff; color: #000; font-size: 11pt; }
:where(.article-page) .site-header { padding: 1rem 0; }
:where(.article-page) .site-header .tagline, :where(.article-page) .site-footer, :where(.article-page) .back-link { display: none; }
:where(.article-page) main { padding: 1rem 0; }
:where(.article-page) a { color: inherit; }
:where(.article-page) .support { background: transparent; border-left: 1px solid #888; }
    }
  
/* Magazine discovery; article typography and masthead geometry stay independent. */
.discovery-page { --max-width: 1120px; }
.home-page .section-navigation {
  display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.25rem;
  padding: 0 1.25rem 1.75rem; margin: 0 auto; max-width: 1120px;
  font-size: .88rem; line-height: 1.5;
}
.home-page .section-navigation a, .home-page .article-category a, .home-page .publication-mission a,
.home-page .pagination a, .home-page .archive-link a, .about-page a { color: var(--accent); text-underline-offset: .2em; }
.home-page a:focus-visible, .home-page button:focus-visible, .home-page select:focus-visible {
  outline: 2px solid var(--accent); outline-offset: 4px;
}
.home-page .section-navigation [aria-current] { font-weight: 600; }
.discovery-page .editorial-index { margin-top: 0; padding-top: 1.5rem; }
.discovery-page h1, .about-page h1 { font-weight: 400; line-height: 1.2; font-size: 2.2rem; margin: 0 0 1.5rem; }
.discovery-page .article-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2rem; }
.discovery-page .article-list li { min-width: 0; padding: 1.5rem 0 0; border-top: 1px solid var(--rule); }
.discovery-page .article-list li + li { margin-top: 0; padding-top: 1.5rem; }
.discovery-page .listing-featured { grid-column: 1/-1; }
.discovery-page .listing-featured .article-summary { display: flow-root; }
.discovery-page .listing-featured .article-summary h2 { font-size: clamp(1.9rem,3.4vw,2.65rem); }
.discovery-page .listing-featured .listing-image { float: right; width: 54%; margin: 0 0 1.25rem 2rem; }
.discovery-page .listing-image { display: block; width: 100%; height: auto; margin: 0 0 1rem; }
.discovery-page .article-summary h2 { font-size: 1.45rem; font-weight: 400; line-height: 1.3; margin: 0 0 .65rem; letter-spacing: -.015em; text-transform: none; color: var(--text); }
.discovery-page .article-category { font-size: .8rem; margin-bottom: .75rem; }
.discovery-page .article-date { margin-bottom: .4rem; }
.discovery-page .article-excerpt { font-size: .98rem; }
.discovery-page .listing-compact { grid-column: 1/-1; }
.discovery-page .listing-compact h2 { max-width: 52rem; font-size: 1.4rem; }
.discovery-page .pagination { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.4rem; margin-top: 2rem; font-size: .9rem; }
.discovery-page .load-more, .home-page button {
  color: var(--accent); background: transparent; border: 1px solid var(--rule);
  padding: .55rem .8rem; font: inherit; border-radius: 0; cursor: pointer;
}
.discovery-page .load-more:disabled { opacity: .55; cursor: default; }
.discovery-page .collection-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; margin: 1.5rem 0 2rem; }
.discovery-page .collection-controls label { display: flex; flex-direction: column; font-size: .85rem; gap: .3rem; max-width: 100%; }
.discovery-page select { max-width: 100%; padding: .45rem; color: var(--text); background: var(--bg); border: 1px solid var(--rule); font: inherit; }
.discovery-page .loading-status { margin-top: .6rem; color: var(--text-muted); }
.discovery-page .publication-mission { border-top: 1px solid var(--rule); margin-top: 3rem; padding-top: 2rem; max-width: 45rem; }
.discovery-page .publication-mission p { font-size: 1.05rem; }
.discovery-page #drafts-heading { margin-top: 3rem; }
.discovery-page .article-summary { overflow-wrap: anywhere; }
.about-page h1 { margin-top: 1.5rem; }
.about-page .founding-editorial { margin-top: 0; }
.article-page .image-credit, .article-page .updated-date { font-size: .8rem; color: var(--text-muted); }
.article-page .article-subjects, .article-page .related-links { margin-top: 2rem; }
.article-page .article-subjects ul, .article-page .related-links ul { padding-left: 1.3rem; }
@media (max-width: 600px) {
  .discovery-page .article-list { grid-template-columns: minmax(0,1fr); }
  .discovery-page .listing-featured .listing-image { float: none; width: 100%; margin: 0 0 1rem; }
  .discovery-page .listing-featured .article-summary h2 { font-size: 1.95rem; }
  .home-page .section-navigation { gap: .6rem 1rem; }
}
@media print {
  .section-navigation, .collection-controls, .pagination, .archive-link, .loading-status { display: none; }
  .discovery-page .article-list { display: block; }
}
/* Editorial refinement: let information and typography lead the collections. */
.subscriber-signup { border-top: 1px solid var(--rule); margin: 2.5rem 0 0; padding-top: 1.75rem; max-width: 45rem; }
.subscriber-signup h2 { font-size: 1.65rem; font-weight: 400; text-transform: none; letter-spacing: 0; }
.subscriber-signup p, .subscriber-signup label { font-size: 1rem; }
.subscriber-signup .signup-fields { display: flex; flex-wrap: wrap; gap: .7rem; margin: .5rem 0 1rem; }
.subscriber-signup fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.subscriber-signup fieldset:disabled { opacity: .65; }
.subscriber-signup input[type=email] { min-width: 0; flex: 1 1 14rem; max-width: 100%; box-sizing: border-box; padding: .65rem; color: var(--text); border: 1px solid var(--rule); background: transparent; font: inherit; }
.subscriber-signup button, .subscription-page button { padding: .6rem .9rem; border: 1px solid var(--accent); color: var(--accent); background: transparent; font: inherit; cursor: pointer; }
.subscriber-signup .signup-note, .subscriber-signup .signup-consent { font-size: .85rem; line-height: 1.6; }
.subscriber-signup .signup-consent label { font-size: inherit; }
.subscriber-signup input[type=checkbox] { margin-right: .35rem; }
.subscriber-signup a, .publication-footer a, .site-footer a, .subscription-page a { color: var(--accent); text-underline-offset: .2em; }
.subscriber-signup :focus-visible, .subscription-page :focus-visible, footer a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.signup-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.subscription-page main { padding: 1.5rem 0 3rem; }
.subscription-page h1 { font-size: 2rem; font-weight: 400; }
.subscription-page .subscription-code { display: block; width: 100%; max-width: 45rem; box-sizing: border-box; margin: .5rem 0 1rem; padding: .65rem; border: 1px solid var(--rule); color: var(--text); background: transparent; font: 1rem monospace; }
.subscription-page .subscriber-signup { margin-top: 1.5rem; }
@media print { .subscriber-signup { display: none; } }
.home-page .brand-link { display: inline-block; color: inherit; text-decoration: none; }
.home-page .mark .wordmark { margin: 0; font-size: clamp(2.4rem, 7vw, 3.6rem); font-weight: 400; line-height: 1; letter-spacing: .04em; }
.discovery-page > body > header { padding: 2.4rem 0 1rem; }
.discovery-page > body > .rule { display: none; }
.discovery-page .mark { margin-bottom: .65rem; }
.discovery-page .section-navigation { padding-bottom: 1.25rem; }
.discovery-page .editorial-index { border-top: 0; padding-top: .4rem; }
.discovery-page .listing-text .article-summary { max-width: 50rem; }
.discovery-page .listing-featured .article-summary h2 { line-height: 1.18; }
.discovery-page .publication-mission { margin-top: 2.5rem; padding-top: 1.75rem; }
.discovery-page .publication-mission .mission-opening { font-size: 1.25rem; line-height: 1.45; }
.editorial-home main { padding-bottom: 2rem; }
.discovery-page .publication-footer { padding: 1rem 0 1.75rem; }
@media (max-width: 600px) {
  .discovery-page > body > header { padding: 2rem 0 1rem; }
  .discovery-page .section-navigation { padding-bottom: 1rem; }
}
/* Author links inherit their existing byline presentation; previews do not affect flow. */
.byline, .article-date { position: relative; }
.author-reference { position: static; }
.author-reference > a.author-link,
.author-reference > a.author-link:visited,
.author-reference > a.author-link:hover { color: inherit; font: inherit; letter-spacing: inherit; text-decoration: none; }
.author-reference > a.author-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.author-preview { position: absolute; z-index: 5; left: 0; bottom: 100%; width: max-content; max-width: min(18rem, calc(100vw - 4rem)); padding: .6rem .8rem; border: 1px solid var(--rule); background: var(--bg, #f8f5ed); color: var(--text); font-size: .85rem; line-height: 1.5; font-weight: 400; letter-spacing: normal; text-align: left; visibility: hidden; }
.author-reference:focus-within > .author-preview { visibility: visible; }
@media (hover: hover) { .author-reference:hover > .author-preview { visibility: visible; } }
.author-reference.preview-dismissed > .author-preview { visibility: hidden; }
.author-preview::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: .5rem; }
.author-portrait { max-width: 10rem; height: auto; }
.author-page footer a { color: var(--accent); }
.author-biography { margin-bottom: 1.5rem; overflow-wrap: anywhere; }
@media print { .author-preview { display: none; } }