/* TDN Design Polish v1.0.0
   Unlayered so it beats theme cascade layers. Header rules use
   `html body` to beat guard.css. */

@font-face {
  font-family: 'TDN Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/barlow-condensed-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/barlow-condensed-700.woff2') format('woff2');
}

@font-face {
  font-family: 'TDN Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/barlow-condensed-800.woff2') format('woff2');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/barlow-condensed-800.woff2') format('woff2');
}

@font-face {
  font-family: 'TDN Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dm-serif-display-400-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dm-serif-display-400-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'TDN Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dm-serif-display-400.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dm-serif-display-400.woff2') format('woff2');
}

@font-face {
  font-family: 'TDN Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/inter-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/inter-400.woff2') format('woff2');
}

@font-face {
  font-family: 'TDN Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/inter-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/inter-600.woff2') format('woff2');
}

@font-face {
  font-family: 'TDN Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/inter-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/inter-700.woff2') format('woff2');
}

@font-face {
  font-family: 'TDN Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/inter-800.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/inter-800.woff2') format('woff2');
}

/* ── 2. Condensed nav + larger nameplate ─────────────────────────── */
html body .tdn-nav__link,
html body .tdn-nav__link--button {
  font-family: var(--font-head);
  font-size: 0.8125rem;
  letter-spacing: 0.055em;
  font-weight: 800;
}
html body .tdn-brand img {
  max-height: 44px;
  max-block-size: 44px;
}
@media (min-width: 64rem) {
  html {
    --header-h: 68px;
  }
}

/* ── 3. Solid newsroom chrome, not frosted glass ─────────────────── */
html body .tdn-header {
  background-color: var(--bg);
  background: var(--bg);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* ── 4. Display-serif river / card / wire headlines ──────────────── */
html body .fp-wire__headline,
html body .fp-rundown__headline,
html body .tdn-card__headline,
html body .tdn-row__headline,
html body .fp-mostread__headline,
html body .fp-music__lead-headline,
html body .fp-music__item-headline,
html body .fp-trailer__headline,
html body .tdn-archive__lead-headline {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -0.014em;
}

/* ── 5. Unbox Most Read / Trailer / New Music ────────────────────── */
html body .fp-mostread,
html body .fp-trailer,
html body .fp-music {
  background: transparent;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  padding-block-start: 0.85rem;
  border-block-start: 2px solid var(--fg);
}
html body .fp-music__head {
  border-block-end-color: var(--fg);
}

/* ── 6. Trade-paper kickers + section rules ──────────────────────── */
html body .tdn-kicker::before {
  content: none;
  display: none;
}
html body .tdn-kicker {
  gap: 0;
  letter-spacing: 0.11em;
}
html body .fp-section .tdn-section__head,
html body .fp-section--rundown .tdn-section__head {
  border-block-end-width: 3px;
  border-block-end-color: var(--fg);
}
html body .fp-section .tdn-section__title {
  color: var(--cat, var(--fg));
}

/* ── 7. Bigger lead + article display; standfirst stays hidden ───── */
html body .fp-lead__headline {
  font-size: clamp(1.875rem, 1.15rem + 2.9vw, 4rem);
  letter-spacing: -0.028em;
}
html body .tdn-article__title {
  font-size: clamp(1.875rem, 1.1rem + 2.9vw, 3.85rem);
  letter-spacing: -0.022em;
}
html body .tdn-article__standfirst {
  display: none;
}
@media (min-width: 60rem) {
  html body .fp-lead {
    grid-template-columns: minmax(0, 1.05fr) minmax(22rem, 42%);
    column-gap: clamp(1.75rem, 1.2rem + 2vw, 3rem);
  }
}

/* Square crops — newsroom, not app cards */
html body .fp-lead__art,
html body .tdn-card__art,
html body .fp-cat__lead-art,
html body .tdn-article__art,
html body .fp-rundown__art,
html body .tdn-archive__lead-art,
html body .tdn-row__art,
html body .fp-trailer__art,
html body .fp-music__art {
  border-radius: 0;
}

/* ── 8. No drop cap on news briefs ───────────────────────────────── */
html body .tdn-prose--dropcap > p:first-of-type::first-letter {
  float: none;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
  margin: 0;
  color: inherit;
}

/* Section titles: condensed */
html body .tdn-section__title,
html body .fp-mostread__title,
html body .fp-trailer__label,
html body .fp-music__label {
  font-family: var(--font-head);
  letter-spacing: 0.04em;
}