/* Homepage news */
.tpm-home-reference .tpm-news-section { padding-top: clamp(22px, 4vw, 48px); }
.tpm-home-reference .tpm-home-sectionhead h2 {
  margin: 0;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1;
}
.tpm-home-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 22px;
  margin: 0 0 24px;
  padding: 8px 0;
  border-bottom: 1px solid #343434;
}
.tpm-home-topics a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  color: #ddd;
  font-size: 14px;
  font-weight: 700;
}
.tpm-home-topics a:hover { color: #ff9a50; }
.tpm-home-reference .tpm-ref-lead {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr);
  gap: clamp(20px, 4vw, 52px);
}
.tpm-home-reference .tpm-ref-lead h3 { overflow-wrap: anywhere; }
.tpm-home-reference .tpm-ref-lead-art { aspect-ratio: 16 / 10; }
.tpm-more-heading {
  border-top: 2px solid #f47821;
  margin: 4px 0 0;
  padding: 14px 0;
  font-size: 23px;
}
.tpm-home-reference .tpm-ref-more { padding-top: 18px; }
.tpm-home-reference .tpm-ref-story h3 { overflow-wrap: anywhere; }
.tpm-home-reference .tpm-clean-live-heading h1 {
  margin: 0;
  font-size: clamp(17px, 2vw, 23px);
}

/* Article reading */
@media screen {
  .tpm-article-page .tpm-reading-layout { align-items: start; }
  .tpm-article-page .tpm-reading-main { min-width: 0; max-width: none; }
  .tpm-article-page .tpm-reading-header h1 {
    font-size: clamp(34px, 4.3vw, 58px);
    line-height: 1.08;
  }
  .tpm-article-page .tpm-reading-header { margin-bottom: 24px; }
  .tpm-article-page .tpm-reading-cover { margin-bottom: 18px; }
  .tpm-reader-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    margin: 0 0 28px;
    padding: 8px 0;
    border-block: 1px solid #383838;
  }
  .tpm-reading-article .tpm-reader-toolbar .tpm-share,
  .tpm-reading-article .tpm-reader-toolbar .tpm-reader-tools {
    border: 0;
    margin: 0;
    padding: 4px 0;
  }
  .tpm-article-page .tpm-reading-prose.tpm-prose {
    max-width: min(100%, 36em);
    font-size: var(--tpm-reading-size, 20px);
    line-height: 1.75;
    margin-inline: auto;
    overflow-wrap: anywhere;
  }
  .tpm-article-page .tpm-article-toc {
    max-width: min(100%, 720px);
    margin-inline: auto;
  }
  .tpm-article-page .tpm-reading-prose iframe { max-width: 100%; }
  .tpm-article-page .tpm-reading-prose :is(h2, h3) { scroll-margin-top: 120px; }
}
@media (max-width: 720px) {
  .tpm-home-reference .tpm-ref-lead {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .tpm-home-reference .tpm-ref-lead-art { order: -1; }
  .tpm-home-reference .tpm-ref-more { grid-template-columns: minmax(0, 1fr); }
  .tpm-home-reference .tpm-ref-story {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .tpm-home-reference .tpm-ref-story:has(.tpm-ref-story-art) {
    grid-template-columns: minmax(80px, 28%) minmax(0, 1fr);
  }
  .tpm-home-reference .tpm-ref-story .tpm-ref-story-copy { padding: 0; }
  .tpm-home-reference .tpm-ref-story h3 { font-size: 19px; }
  .tpm-home-reference .tpm-ref-story + .tpm-ref-story {
    padding-top: 16px;
    border-top: 1px solid #343434;
  }
}
@media screen and (max-width: 600px) {
  .tpm-article-page .tpm-reading-header h1 { font-size: clamp(30px, 8vw, 40px); }
  .tpm-article-page .tpm-reading-prose.tpm-prose {
    font-size: var(--tpm-reading-size, 19px);
    line-height: 1.7;
  }
}
@media print {
  .tpm-reader-toolbar { display: none; }
}

/* Keep the broadcast above the news at every viewport. */
.tpm-home-reference .tpm-ref-brief h3 { overflow-wrap: anywhere; }
.tpm-home-reference .tpm-home-topics a:focus-visible,
.tpm-home-reference .tpm-ref-read:focus-visible,
.tpm-article-page .tpm-reader-toolbar :focus-visible {
  outline: 2px solid #ff9a50;
  outline-offset: 3px;
}
.tpm-reading-layout > .tpm-related {
  grid-column: 1 / -1;
  min-width: 0;
  margin-top: 0;
}
@media (max-width: 600px) {
  .tpm-home-reference .tpm-home-topics {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 18px;
    padding-inline: 4px;
  }
  .tpm-home-reference .tpm-home-topics a { flex: none; white-space: nowrap; }
  .tpm-home-reference .tpm-ref-brief { padding-block: 10px; align-items: center; }
  .tpm-home-reference .tpm-ref-brief-art { width: 58px; justify-self: end; }
}
@media screen and (min-width: 901px) {
  .tpm-reading-layout > .tpm-article-sidebar { grid-column: 2; grid-row: 1; }
}

/* Give the story, contents and reader controls a common left edge. */
@media screen {
  .tpm-article-page .tpm-reading-prose.tpm-prose,
  .tpm-article-page .tpm-article-toc {
    max-width: 43rem;
    margin-inline: 0 auto;
  }

  .tpm-reading-article .tpm-reader-toolbar {
    max-width: 43rem;
    padding-block: 6px;
    margin-bottom: 22px;
  }

  .tpm-reading-article .tpm-reader-toolbar .tpm-share-links > :is(a, button) {
    min-height: 44px;
    min-width: 44px;
  }


  .tpm-reading-article .tpm-article-byline > div > div {
    font-size: .8125rem;
  }

  .tpm-reading-prose.tpm-prose :is(img, video, iframe) {
    max-width: 100%;
  }

  .tpm-reading-prose.tpm-prose :is(img, video) {
    height: auto;
  }
}

@media screen and (max-width: 600px) {
  .tpm-reading-article .tpm-reader-toolbar {
    gap: 4px 12px;
  }


  .tpm-reading-article .tpm-reader-toolbar .tpm-share > strong {
    font-size: 10px;
  }
}

@media screen and (min-width: 601px) {
  .tpm-reading-article .tpm-reader-toolbar .tpm-share-links > a > span {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    clip-path: none;
    overflow: visible;
  }
}