/* Today News Africa: an original international newspaper, set in warm paper and evergreen. */
:root {
  --tna-paper: #fbfaf7;
  --tna-white: #fff;
  --tna-ink: #17221f;
  --tna-muted: #56625b;
  --tna-line: #d1d5ce;
  --tna-green: #174e43;
  --tna-green-deep: #103b34;
  --tna-red: #a43e31;
  --tna-gold: #9a7330;
  --tna-serif: Georgia, "Times New Roman", serif;
  --tna-sans: "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--tna-paper); color: var(--tna-ink); font-family: var(--tna-sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .18em; }
a:hover { color: var(--tna-green); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid var(--tna-gold); outline-offset: 3px; }
img { display: block; max-width: 100%; }
.skip-link { position: absolute; z-index: 10; left: 1rem; top: -5rem; padding: .7rem 1rem; background: var(--tna-ink); color: white; }
.skip-link:focus { top: 1rem; }
.tna-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.tna-header, .tna-main, .tna-footer { width: min(1344px, calc(100% - 64px)); margin-inline: auto; }
.tna-header { padding-top: 2px; }
.tna-utility { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; padding: 11px 0; border-bottom: 1px solid var(--tna-line); color: var(--tna-muted); font-size: .66rem; line-height: 1.4; letter-spacing: .08em; text-transform: uppercase; }
.tna-utility > :last-child { justify-self: end; text-decoration: none; }
.tna-masthead-row { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 23px 0 22px; text-align: center; }
.tna-wordmark { display: block; max-width: 100%; color: var(--tna-ink); font-family: var(--tna-serif); font-size: clamp(1.6rem, 7.8vw, 6.9rem); font-weight: 700; letter-spacing: -.067em; line-height: 1.02; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.tna-tagline { margin: 0; color: var(--tna-muted); font-family: var(--tna-serif); font-size: .97rem; line-height: 1.5; }
.tna-nav { border-top: 3px double var(--tna-ink); border-bottom: 1px solid var(--tna-ink); }
.tna-nav-inner { display: flex; align-items: center; justify-content: center; gap: clamp(12px, 1.4vw, 21px); min-height: 45px; }
.tna-nav a { flex: 0 0 auto; padding: 12px 0; font-size: .7rem; line-height: 1.5; font-weight: 600; letter-spacing: .035em; text-decoration: none; white-space: nowrap; }
.tna-nav a[aria-current="page"] { color: var(--tna-green); }
.tna-nav-search { border-left: 1px solid var(--tna-line); padding-left: 17px !important; }
.tna-main { min-height: 50vh; }
.tna-edition-note { display: flex; justify-content: space-between; gap: 1rem; padding: 12px 0; color: var(--tna-muted); font-size: .61rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.tna-edition-note a { text-decoration: none; }
.tna-front-page { display: grid; grid-template-columns: minmax(0, 1.92fr) minmax(0, 1fr) minmax(0, .87fr); gap: 23px; padding: 14px 0 25px; }
.tna-front-page--no-updates { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.tna-front-page--single { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.tna-front-page--single.tna-front-page--no-updates { display: block; max-width: 900px; }
.tna-secondary-column, .tna-latest-column { min-width: 0; padding-left: 22px; border-left: 1px solid var(--tna-line); }
.tna-card { min-width: 0; }
.tna-card h2, .tna-card h3 { min-width: 0; margin: 0; overflow-wrap: anywhere; font-family: var(--tna-serif); font-weight: 700; letter-spacing: -.026em; line-height: 1.12; text-wrap: pretty; }
.tna-card h3 { font-size: 1.4rem; }
.tna-card h2 a, .tna-card h3 a { text-decoration: none; }
.tna-card a:hover { text-decoration: underline; text-decoration-thickness: 1px; }
.tna-card--lead h2 { font-size: clamp(1.9rem, 2.75vw, 2.65rem); }
.tna-story-image { margin: 0 0 13px; }
.tna-story-image img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; background: #e4e5df; }
.tna-crop-top { object-position: center top; }
.tna-crop-center { object-position: center; }
.tna-crop-bottom { object-position: center bottom; }
.tna-story-image figcaption, .tna-article-hero figcaption { margin-top: 5px; color: var(--tna-muted); font-size: .6rem; line-height: 1.5; }
.tna-kicker, .tna-eyebrow { margin: 0 0 7px; color: var(--tna-green); font-size: .63rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.tna-sample-label { display: inline-block; margin: 0 0 7px; padding: 2px 5px; border: 1px solid #aeb8af; color: #43594d; font-size: .56rem; font-weight: 700; line-height: 1.5; letter-spacing: .08em; text-transform: uppercase; }
.tna-card-copy > .tna-sample-label + .tna-kicker { display: inline; margin-left: 7px; }
.tna-dek { margin: 10px 0 0; color: #46534c; font-family: var(--tna-serif); font-size: 1rem; line-height: 1.5; }
.tna-card--lead .tna-dek { font-size: 1.08rem; }
.tna-byline { margin: 10px 0 0; color: var(--tna-muted); font-size: .65rem; line-height: 1.5; }
.tna-secondary-column .tna-card + .tna-card { border-top: 1px solid var(--tna-line); padding-top: 17px; margin-top: 19px; }
.tna-secondary-column .tna-card:not(:first-child) .tna-story-image { display: none; }
.tna-secondary-column .tna-card h3 { font-size: 1.35rem; }
.tna-secondary-column .tna-dek { font-size: .94rem; }
.tna-rail-heading { margin: 0 0 17px; padding-bottom: 9px; border-bottom: 2px solid var(--tna-green); color: var(--tna-green); font-family: var(--tna-serif); font-size: 1.32rem; }
.tna-card--brief { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--tna-line); }
.tna-card--brief h3 { font-size: 1.11rem; line-height: 1.2; }
.tna-card--brief .tna-kicker { font-size: .59rem; }
.tna-archive-link { display: inline-block; padding-block: 6px; font-size: .68rem; font-weight: 700; text-decoration: none; }
.tna-more-stories { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 22px 0; border-top: 1px solid var(--tna-line); gap: 22px; }
.tna-more-stories .tna-card + .tna-card { padding-left: 21px; border-left: 1px solid var(--tna-line); }
.tna-more-stories h3 { font-size: 1.23rem; }
.tna-section-band { margin-top: 10px; padding: 17px 0 27px; border-top: 2px solid var(--tna-ink); }
.tna-section-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 10px 20px; margin-bottom: 18px; }
.tna-section-heading h2 { margin: 0; font-family: var(--tna-serif); font-size: 1.8rem; font-weight: 700; letter-spacing: -.035em; }
.tna-section-heading > a { font-size: .67rem; font-weight: 600; text-decoration: none; }
.tna-section-stories { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 22px; }
.tna-section-stories > .tna-card + .tna-card { padding-left: 21px; border-left: 1px solid var(--tna-line); }
.tna-section-stories .tna-card h3 { font-size: 1.25rem; }
.tna-section-stories .tna-card--section-lead h3 { font-size: 1.65rem; }
.tna-section-stories .tna-dek { font-size: .95rem; }
.tna-section-stories--feature { grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 28px; }
.tna-section-feature .tna-card { display: grid; grid-template-columns: minmax(0, 1.13fr) minmax(0, 1fr); gap: 23px; }
.tna-section-feature .tna-story-image { margin: 0; }
.tna-section-feature .tna-story-image img { aspect-ratio: 1.07; }
.tna-section-feature .tna-card--section-lead h3 { font-size: clamp(1.5rem, 2.1vw, 2rem); }
.tna-section-stack { padding-left: 24px; border-left: 1px solid var(--tna-line); }
.tna-section-stack .tna-card + .tna-card { margin-top: 17px; padding-top: 17px; border-top: 1px solid var(--tna-line); }
.tna-section-stack .tna-card h3 { font-size: 1.3rem; }
.tna-section-band--opinion { margin-block: 12px 25px; padding: 20px 24px 26px; background: #eeeede; border-top-color: var(--tna-green); }
.tna-section-band--opinion .tna-section-heading h2 { color: var(--tna-green); }
.tna-section-band--opinion .tna-section-stories { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tna-section-band--opinion .tna-section-stories h3 { font-size: 1.35rem; font-style: italic; }
.tna-section-band--video { margin-block: 12px 25px; padding: 23px 26px 28px; background: var(--tna-green-deep); border: 0; color: white; }
.tna-section-band--video .tna-section-heading { padding-bottom: 14px; border-bottom: 1px solid #537168; }
.tna-section-band--video .tna-card h3 a:hover, .tna-section-band--video a:hover { color: white; }
.tna-section-band--video .tna-kicker, .tna-section-band--video .tna-byline, .tna-section-band--video .tna-dek, .tna-section-band--video figcaption { color: #d5e3dc; }
.tna-section-band--video .tna-sample-label { color: #e8eee9; border-color: #8eaaa0; }
.tna-section-band--video .tna-section-stories > .tna-card + .tna-card { border-color: #537168; }
.tna-section-band--video .tna-story-image { position: relative; }
.tna-section-band--video .tna-story-image::after { content: "▶"; position: absolute; top: 10px; left: 10px; display: grid; place-items: center; width: 28px; height: 28px; background: #103b34; color: white; font-size: .65rem; }
.tna-most-read { border-top: 2px solid var(--tna-ink); padding: 19px 0 28px; }
.tna-ranking-note { display: inline-block; margin-left: 10px; color: var(--tna-muted); font-family: var(--tna-sans); font-size: .64rem; font-weight: 500; letter-spacing: 0; vertical-align: middle; }
.tna-most-read ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; counter-reset: most-read; }
.tna-most-read li { display: flex; gap: 13px; counter-increment: most-read; }
.tna-most-read li::before { content: counter(most-read); color: var(--tna-green); font-family: var(--tna-serif); font-size: 2.3rem; line-height: 1; }
.tna-card--ranked h3 { font-size: 1.07rem; }
.tna-card--ranked .tna-kicker, .tna-card--ranked .tna-byline { display: none; }
.tna-reader-services { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--tna-line); border-bottom: 1px solid var(--tna-line); margin: 15px 0 38px; }
.tna-newsletter, .tna-support { padding: 25px 30px 26px 0; }
.tna-support { padding-left: 30px; border-left: 1px solid var(--tna-line); }
.tna-reader-services h2 { margin: 0; font-family: var(--tna-serif); font-size: 1.9rem; letter-spacing: -.035em; line-height: 1.1; }
.tna-reader-services p:not(.tna-eyebrow) { max-width: 440px; margin-block: 12px; color: var(--tna-muted); font-size: .84rem; line-height: 1.6; }
.tna-reader-services a { display: inline-block; min-height: 40px; padding-block: 10px; font-size: .74rem; font-weight: 700; }
.tna-empty { max-width: 750px; padding: 45px 0 50px; }
.tna-empty h1, .tna-empty h2 { margin: 0; font-family: var(--tna-serif); font-size: clamp(2rem, 4.5vw, 3.6rem); font-weight: 600; letter-spacing: -.04em; line-height: 1.08; }
.tna-empty p:not(.tna-eyebrow) { color: var(--tna-muted); font-size: 1rem; line-height: 1.6; }
.tna-empty .tna-empty-note { font-size: .9rem; }
.tna-footer { padding: 20px 0 23px; border-top: 4px double var(--tna-ink); }
.tna-footer-top { display: flex; justify-content: space-between; align-items: center; gap: 25px; padding-bottom: 22px; border-bottom: 1px solid var(--tna-line); }
.tna-footer-brand { font-family: var(--tna-serif); font-size: clamp(1.6rem, 2.8vw, 2.5rem); font-weight: 700; letter-spacing: -.05em; text-decoration: none; }
.tna-footer-top > p { max-width: 360px; margin: 0; color: var(--tna-muted); font-family: var(--tna-serif); font-size: .9rem; line-height: 1.5; }
.tna-footer-directory { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 30px; padding: 25px 0; }
.tna-footer-directory > div + div { border-left: 1px solid var(--tna-line); padding-left: 25px; }
.tna-footer-directory h2 { margin: 0 0 13px; font-size: .64rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.tna-footer nav { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.tna-footer-directory > :first-child nav { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 15px; }
.tna-footer nav a { padding-block: 3px; font-family: var(--tna-serif); font-size: .87rem; text-decoration: none; }
.tna-footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 18px; border-top: 1px solid var(--tna-line); color: var(--tna-muted); font-size: .64rem; }
.tna-footer-bottom small { font-size: inherit; }

.tna-article-main { padding-top: 20px; }
.tna-breadcrumb { display: flex; gap: 10px; margin-bottom: 28px; color: var(--tna-muted); font-size: .75rem; }
.tna-breadcrumb a { text-decoration: none; }
.tna-article { max-width: 1000px; margin-inline: auto; }
.tna-article-header { max-width: 810px; margin: 0 auto 28px; text-align: center; }
.tna-article-header h1 { margin: 0; font-family: var(--tna-serif); font-size: clamp(2.45rem, 5.7vw, 5.1rem); font-weight: 600; letter-spacing: -.045em; line-height: 1.04; }
.tna-article-header h1, .tna-empty h1, .tna-empty h2 { overflow-wrap: anywhere; }
.tna-article-dek { margin: 18px auto; color: #46534e; font-family: var(--tna-serif); font-size: clamp(1.1rem, 2vw, 1.45rem); line-height: 1.5; }
.tna-article-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; margin-top: 19px; color: var(--tna-muted); font-size: .72rem; }
.tna-article-hero { margin: 0; }
.tna-article-hero img { width: 100%; max-height: 650px; aspect-ratio: 1.75; object-fit: cover; }
.tna-image-credit { margin: 8px 0 30px; color: var(--tna-muted); font-size: .7rem; text-align: right; }
.tna-article-layout { display: grid; grid-template-columns: minmax(0, 690px) minmax(170px, 220px); justify-content: center; gap: clamp(30px, 7vw, 92px); padding-top: 10px; }
.tna-article-body { font-family: var(--tna-serif); font-size: clamp(1.1rem, 1.3vw, 1.24rem); line-height: 1.85; }
.tna-article-body p { margin: 0 0 1.45em; }
.tna-article-body h2, .tna-article-body h3 { margin: 1.8em 0 .55em; font-family: var(--tna-serif); line-height: 1.2; }
.tna-article-body blockquote { margin: 1.5em 0; padding-left: 20px; border-left: 3px solid var(--tna-red); color: var(--tna-green-deep); font-size: 1.45rem; line-height: 1.5; }
.tna-article-aside { align-self: start; padding-top: 10px; color: var(--tna-muted); font-size: .8rem; line-height: 1.6; }
.tna-article-aside h2 { color: var(--tna-ink); font-family: var(--tna-serif); font-size: 1.1rem; }
.tna-article-aside ul { padding-left: 18px; }
.tna-article-aside section { margin: 20px 0; }
.tna-correction { padding-top: 14px; border-top: 1px solid var(--tna-line); }
.tna-back-link { display: inline-block; margin-top: 25px; color: var(--tna-green); font-weight: 700; text-decoration: none; }
.tna-related { margin-top: 38px; }
.tna-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.tna-article-empty { padding-block: 60px; }
.tna-article-empty h1 { font-family: var(--tna-serif); font-size: 3rem; }

.tna-breaking { display: flex; align-items: baseline; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--tna-line); }
.tna-breaking > span { color: var(--tna-red); font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.tna-breaking a { font-family: var(--tna-serif); font-weight: 600; text-decoration: none; }
.tna-page-heading { padding: 27px 0 17px; border-bottom: 1px solid var(--tna-line); }
.tna-page-heading h1 { margin: 0; overflow-wrap: anywhere; font-family: var(--tna-serif); font-size: clamp(2.2rem, 4.8vw, 3.8rem); letter-spacing: -.04em; line-height: 1.08; }
.tna-page-heading > p:last-child:not(.tna-eyebrow) { color: var(--tna-muted); }

/* The shared Worker owns search and utility routes; style its semantic markup in this publication theme. */
.utility-header, .utility-page { width: min(1240px, calc(100% - 64px)); margin-inline: auto; }
.utility-header { padding: 25px 0 20px; border-bottom: 2px solid var(--tna-ink); }
.brand-link { color: var(--tna-ink); font-family: var(--tna-serif); font-size: 1.6rem; font-weight: 700; text-decoration: none; }
.utility-page { min-height: 50vh; padding-block: 32px 60px; }
.utility-page h1, .utility-page h2, .utility-page h3 { font-family: var(--tna-serif); }
.utility-page h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1.08; }
.utility-page .eyebrow { color: var(--tna-green); font-size: .68rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.search-form { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; max-width: 720px; padding: 18px; border: 1px solid var(--tna-line); background: var(--tna-white); }
.search-form label { display: grid; flex: 1 1 100%; gap: 6px; font-size: .8rem; font-weight: 600; }
.search-form input { min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid #8a918d; border-radius: 0; background: white; color: var(--tna-ink); font: inherit; }
.search-form button { min-height: 44px; padding: 9px 18px; border: 0; background: var(--tna-green); color: white; font: inherit; font-weight: 700; cursor: pointer; }
.search-result { max-width: 820px; padding: 20px 0; border-bottom: 1px solid var(--tna-line); }
.search-result h3 { margin: 5px 0; font-size: 1.45rem; }
.search-result p:last-child { color: var(--tna-muted); line-height: 1.6; }
.utility-page > a { color: var(--tna-green); font-weight: 600; }


@media (max-width: 1180px) {
  .tna-nav-inner { justify-content: flex-start; overflow-x: auto; scrollbar-width: thin; gap: 21px; }
  .tna-front-page { grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); }
  .tna-latest-column { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; padding: 19px 0 0; border-left: 0; border-top: 1px solid var(--tna-line); }
  .tna-latest-column .tna-rail-heading { grid-column: 1 / -1; margin-bottom: 0; border: 0; padding-bottom: 0; }
  .tna-latest-column .tna-card { margin-bottom: 0; padding-bottom: 0; border: 0; }
  .tna-latest-column .tna-archive-link { grid-column: 1 / -1; }
  .tna-section-stories { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .tna-section-stories .tna-card--section-lead h3 { font-size: 1.4rem; }
  .tna-section-stories--feature { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
  .tna-section-feature .tna-card { display: block; }
  .tna-section-feature .tna-story-image { margin-bottom: 14px; }
  .tna-section-feature .tna-story-image img { aspect-ratio: 1.8; }
}
@media (max-width: 800px) {
  .tna-header, .tna-main, .tna-footer, .utility-header, .utility-page { width: calc(100% - 40px); }
  .tna-utility { font-size: .58rem; letter-spacing: .03em; }
  .tna-masthead-row { padding: 20px 0 18px; gap: 8px; }
  .tna-tagline { font-size: .86rem; }
  .tna-front-page { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 18px; }
  .tna-secondary-column { padding-left: 17px; }
  .tna-secondary-column .tna-card h3 { font-size: 1.22rem; }
  .tna-secondary-column .tna-dek { font-size: .9rem; }
  .tna-card--lead h2 { font-size: 2rem; }
  .tna-card--lead .tna-dek { font-size: 1rem; }
  .tna-latest-column { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
  .tna-latest-column .tna-card:nth-of-type(n + 4) { display: none; }
  .tna-section-stories, .tna-section-band--opinion .tna-section-stories, .tna-more-stories { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  .tna-section-stories > .tna-card:nth-child(odd), .tna-more-stories .tna-card:nth-child(odd) { padding-left: 0; border-left: 0; }
  .tna-section-stories > .tna-card:nth-child(n + 3), .tna-more-stories .tna-card:nth-child(n + 3) { padding-top: 18px; border-top: 1px solid var(--tna-line); }
  .tna-most-read ol { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
  .tna-reader-services h2 { font-size: 1.65rem; }
  .tna-footer-directory { grid-template-columns: 2fr 1fr; gap: 24px; }
  .tna-footer-directory > div:nth-child(3) { padding-left: 0; border: 0; }
  .tna-footer-top { align-items: flex-start; flex-direction: column; gap: 10px; }
  .tna-article-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .tna-article-aside { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding-top: 20px; border-top: 1px solid var(--tna-line); }
  .tna-article-aside > .tna-eyebrow, .tna-article-aside > .tna-back-link { grid-column: 1 / -1; }
  .tna-article-aside section { margin: 0; }
}
@media (max-width: 560px) {
  .tna-header, .tna-main, .tna-footer, .utility-header, .utility-page { width: calc(100% - 28px); }
  .tna-utility { grid-template-columns: 1fr auto; gap: 7px; padding-block: 10px; font-size: .55rem; letter-spacing: 0; }
  .tna-utility > :last-child { display: none; }
  .tna-masthead-row { gap: 9px; padding-block: 18px 16px; }
  .tna-wordmark { font-size: 7.8vw; letter-spacing: -.07em; }
  .tna-tagline { max-width: 300px; font-size: .76rem; line-height: 1.35; }
  .tna-nav-inner { min-height: 43px; gap: 20px; }
  .tna-nav a { padding-block: 12px; font-size: .72rem; }
  .tna-edition-note { font-size: .53rem; letter-spacing: .06em; padding-block: 12px 4px; }
  .tna-edition-note > a { display: none; }
  .tna-front-page, .tna-front-page--single { display: block; padding-top: 14px; padding-bottom: 21px; }
  .tna-card--lead h2 { font-size: clamp(1.9rem, 7.8vw, 2.55rem); }
  .tna-card--lead .tna-dek { font-size: 1.03rem; }
  .tna-card--lead .tna-byline { margin-bottom: 17px; }
  .tna-story-image { margin-bottom: 13px; }
  .tna-secondary-column { padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--tna-line); margin-top: 18px; }
  .tna-secondary-column .tna-card { display: grid; grid-template-columns: minmax(0, 1fr); }
  .tna-secondary-column .tna-card:first-child.tna-card-has-image { grid-template-columns: minmax(0, 1fr) 32%; gap: 14px; }
  .tna-secondary-column .tna-card:first-child .tna-story-image { grid-column: 2; grid-row: 1; }
  .tna-secondary-column .tna-card:first-child .tna-story-image img { aspect-ratio: 1; }
  .tna-secondary-column .tna-card-copy { grid-column: 1; grid-row: 1; }
  .tna-secondary-column .tna-card h3 { font-size: 1.38rem; }
  .tna-secondary-column .tna-card .tna-dek { font-size: .99rem; }
  .tna-secondary-column .tna-card:first-child .tna-dek { display: none; }
  .tna-secondary-column .tna-card + .tna-card { padding-top: 16px; margin-top: 17px; }
  .tna-latest-column { grid-template-columns: 1fr; margin-top: 20px; gap: 0; }
  .tna-latest-column .tna-rail-heading { padding-bottom: 13px; }
  .tna-latest-column .tna-card { padding: 12px 0; border-top: 1px solid var(--tna-line); }
  .tna-latest-column .tna-card h3 { font-size: 1.15rem; }
  .tna-latest-column .tna-card:nth-of-type(n + 4) { display: block; }
  .tna-latest-column .tna-kicker { display: none; }
  .tna-latest-column .tna-archive-link { margin-top: 6px; min-height: 40px; padding-block: 12px; }
  .tna-more-stories, .tna-section-stories, .tna-section-band--opinion .tna-section-stories { grid-template-columns: 1fr; gap: 20px; }
  .tna-more-stories .tna-card + .tna-card, .tna-section-stories > .tna-card + .tna-card { padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--tna-line); }
  .tna-section-band { margin-top: 4px; padding-block: 16px 24px; }
  .tna-section-heading { margin-bottom: 16px; }
  .tna-section-heading h2 { font-size: 1.7rem; }
  .tna-section-heading > a { font-size: .65rem; }
  .tna-section-stories .tna-card--section-lead h3 { font-size: 1.65rem; }
  .tna-section-stories--feature { display: block; }
  .tna-section-stack { margin-top: 20px; padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--tna-line); }
  .tna-section-feature .tna-story-image img { aspect-ratio: 1.5; }
  .tna-section-stories .tna-card--section-secondary.tna-card-has-image { display: grid; grid-template-columns: 29% minmax(0, 1fr); gap: 14px; }
  .tna-section-stories .tna-card--section-secondary .tna-story-image { margin: 0; }
  .tna-section-stories .tna-card--section-secondary .tna-story-image img { aspect-ratio: 1; }
  .tna-section-stories .tna-card--section-secondary h3 { font-size: 1.2rem; }
  .tna-section-band--opinion, .tna-section-band--video { margin-block: 6px 20px; padding: 19px 17px 23px; }
  .tna-section-band--opinion .tna-section-stories h3 { font-size: 1.45rem; }
  .tna-most-read ol { grid-template-columns: 1fr; gap: 18px; }
  .tna-card--ranked h3 { font-size: 1.22rem; }
  .tna-most-read li::before { min-width: 28px; }
  .tna-reader-services { grid-template-columns: 1fr; margin-block: 5px 25px; }
  .tna-newsletter, .tna-support { padding: 22px 0; }
  .tna-support { border-left: 0; border-top: 1px solid var(--tna-line); }
  .tna-reader-services h2 { font-size: 1.8rem; }
  .tna-empty { padding-block: 30px; }
  .tna-footer-directory { grid-template-columns: 1fr 1fr; gap: 25px 22px; }
  .tna-footer-directory > :first-child { grid-column: 1 / -1; }
  .tna-footer-directory > div + div { padding-left: 0; border: 0; }
  .tna-footer-directory > :first-child nav { grid-template-columns: 1fr 1fr; }
  .tna-footer-bottom { flex-direction: column; gap: 9px; }
  .tna-article-main { padding-top: 15px; }
  .tna-breadcrumb { margin-bottom: 22px; }
  .tna-article-header { margin-bottom: 21px; text-align: left; }
  .tna-article-header h1 { font-size: clamp(2.2rem, 10vw, 3.2rem); }
  .tna-article-dek { margin: 13px 0; font-size: 1.08rem; }
  .tna-article-meta { justify-content: flex-start; gap: 7px 11px; }
  .tna-article-hero img { aspect-ratio: 1.25; }
  .tna-article-body { font-size: 1.12rem; line-height: 1.75; }
  .tna-article-aside { grid-template-columns: 1fr; }
  .tna-article-aside > .tna-eyebrow, .tna-article-aside > .tna-back-link { grid-column: 1; }
  .tna-related-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Original wordmarks: locally hosted SIL-OFL Bodoni Moda, weight 800, optical size 24 for durable hairlines. */
@font-face{font-family:NewspaperMasthead;src:url('/fonts/masthead.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:NewspaperMastheadFallback;src:local("Georgia Bold"),local("Georgia"),local("Times New Roman Bold"),local("Liberation Serif Bold"),local("Times New Roman");font-weight:800;font-style:normal;size-adjust:97%}
/* Keep the complete name within its editorial column at desktop, tablet and mobile widths. */
.tna-header{background:#fff;container-type:inline-size}
.tna-wordmark{font-family:NewspaperMasthead,NewspaperMastheadFallback,Georgia,serif;font-weight:800;font-size:min(121px,calc(8.95vw - 5.728px));font-size:9.05cqi;letter-spacing:-.041em;line-height:1.12;color:#080808}
.tna-masthead-row{padding:16px 0 18px;gap:7px}.tna-tagline{font-size:13px}.tna-edition-bar{background:#fff}
@media(max-width:600px){.tna-wordmark{letter-spacing:-.044em;line-height:1.18}.tna-tagline{font-size:10px;max-width:none}.tna-masthead-row{padding:14px 0}}
.article-media{margin:28px 0}.article-media img{width:100%;height:auto}.article-media iframe{width:100%;aspect-ratio:16/9;border:0}.article-media video{display:block;width:100%;max-height:70vh}.article-media figcaption{font:13px/1.5 system-ui,sans-serif;color:#555;margin-top:8px}.dl-article-body h2,.tna-article-body h2{font-size:1.5em;margin-top:1.6em}.dl-article-body blockquote,.tna-article-body blockquote{border-left:3px solid currentColor;padding-left:1em;margin:1.5em 0}

/* Featured video: poster-first player; front-page previews are silent loops with explicit controls. */
.nr-featured-video { margin: 0 0 13px; }
.nr-video-frame { position: relative; background: var(--tna-green-deep); }
.nr-video-frame video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: var(--tna-green-deep); }
.tna-article-hero .nr-video-frame video { max-height: 650px; }
.nr-video-tools { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; padding-top: 7px; font-family: var(--tna-sans); font-size: .72rem; }
.nr-video-tools button { min-height: 44px; padding: 0 14px; border: 1px solid var(--tna-green); background: var(--tna-white); color: var(--tna-green-deep); font: inherit; font-weight: 700; cursor: pointer; }
.nr-video-tools button:focus-visible, .nr-video-tools a:focus-visible, .nr-video-frame video:focus-visible { outline: 3px solid var(--tna-gold); outline-offset: 2px; }
.nr-video-tools a { color: var(--tna-green-deep); font-weight: 700; }
.nr-featured-video figcaption { display: flex; flex-wrap: wrap; gap: 2px 10px; margin-top: 5px; color: var(--tna-muted); font-size: .6rem; line-height: 1.5; }

/* Article blocks: gallery, audio, sources, social post (linked preview first; provider frame only on request). */
.article-gallery{margin:28px 0}.article-gallery>ul{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(78%,1fr);gap:12px;margin:0;padding:0 0 8px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.article-gallery li{scroll-snap-align:start}.article-gallery li figure{margin:0}.article-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.article-gallery figcaption{margin-top:6px;font-size:.72rem;line-height:1.45;opacity:.85}.article-gallery-count{font-weight:700;margin-right:4px}
.article-gallery>ul:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.article-audio{margin:28px 0;padding:14px 16px;border:1px solid rgba(0,0,0,.18)}.article-audio figcaption{margin-bottom:10px;font-size:.85rem;line-height:1.45}.article-audio audio{display:block;width:100%}
.article-credit{opacity:.8}.article-transcript{margin-top:10px;font-size:.85rem}.article-transcript summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.article-sources{margin:36px 0 12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.25);font-size:.85rem;line-height:1.5}.article-sources h2{margin:0 0 8px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.article-sources ol{margin:0;padding-left:1.3em}
.article-social{margin:28px 0}.article-social-card{padding:16px 18px;border:1px solid rgba(0,0,0,.2);border-left-width:4px}.article-social-provider{margin:0 0 6px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.article-social blockquote{margin:0 0 8px;padding:0;border:0;font-size:1rem;line-height:1.5}.article-social-source{margin:0;font-size:.8rem}.article-social-load{margin-top:12px;min-height:44px;padding:0 14px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}
.article-social-note{margin:6px 0 0;font-size:.7rem;opacity:.75}.article-social-frame{display:block;width:100%;max-width:560px;min-height:620px;border:0;margin:0 auto}.article-social figcaption{margin-top:6px;font-size:.72rem}
.tna-credit-line{display:block;font-size:.72rem;color:var(--tna-muted)}
.article-share{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;margin-top:14px;font-size:.75rem}.article-share span{font-weight:700;text-transform:uppercase;letter-spacing:.08em}.article-share a{display:inline-flex;align-items:center;min-height:44px;color:inherit}