/* A single compact text-size button in the shared site header. */
.md-header .reader-size-menu { flex: 0 0 auto; margin: 0 8px; position: relative; }
.md-header .reader-size-menu > summary {
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  list-style: none;
  width: 40px;
}
.md-header .reader-size-menu > summary::-webkit-details-marker { display: none; }
.md-header .reader-size-menu > summary::marker { content: ""; }
.md-header .reader-size-menu[open] > summary { background: var(--paper-soft); }
.md-header .reader-tools--header {
  align-items: center;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: 0 4px 14px rgb(0 0 0 / 12%);
  display: flex;
  font-size: 12px;
  gap: 4px;
  margin: 0;
  padding: 6px;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: max-content;
  z-index: 10;
}
.md-header .reader-tools--header button {
  color: var(--ink);
  font-size: 12px;
  height: 44px;
  min-width: 44px;
  padding: 0 5px;
}
.md-header .reader-tools--header [data-size-value] { min-width: 38px; }
.md-header .reader-size-menu :is(button, summary):focus-visible {
  outline: 2px solid var(--orange-ink);
  outline-offset: 2px;
}
.md-header__title { min-width: 0; }
.md-typeset { font-size: calc(.78rem * var(--reader-scale)); }
@media print { .reader-size-menu { display: none !important; } }
/* Keep enlarged text readable without widening the entire page. */
.md-content :is(h1, h2, h3, h4, p, li) { overflow-wrap: anywhere; }
html:is([data-reader-size="3"], [data-reader-size="4"], [data-reader-size="5"], [data-reader-size="6"]) .md-typeset span.arithmatex {
  display: inline-block;
  max-width: 100%;
  overflow-x: auto;
  padding-block: .1em;
  vertical-align: middle;
}
.md-typeset .md-typeset__scrollwrap { max-width: 100%; overflow-x: auto; }
.reading-heading-anchor { scroll-margin-top: 7rem; }

/* On phones, the complete page title stays in the content instead of an ellipsis. */
@media screen and (max-width: 48em) {
  .md-header__title { display: none; }
  .md-header__inner { gap: 8px; justify-content: space-between; padding: 8px 12px; }
  .md-header__inner > label[for="__drawer"] { margin-right: 0; }
  .md-header__inner > .md-search { position: absolute; right: 0; }
  .md-header__inner .md-header__button { margin: 0; padding: 10px; }
  .md-header .reader-size-menu { margin: 0; }
  .md-header .reader-size-menu > summary { height: 44px; width: 44px; }
  .md-header .language-switch { margin: 0; }
  .md-header .language-switch__link { height: 40px; min-width: 36px; }
}

@media screen and (max-width: 34em) {
  .home-podcast-grid-v2 { grid-template-columns: minmax(0, 1fr); }
  html:is([data-reader-size="3"], [data-reader-size="4"], [data-reader-size="5"], [data-reader-size="6"]) .home-podcast-card-v2 {
    grid-template-columns: minmax(0, 1fr);
  }
  html:is([data-reader-size="3"], [data-reader-size="4"], [data-reader-size="5"], [data-reader-size="6"]) .home-podcast-card-v2__cover { width: 5.8rem; }
  .home-contact-v2__details strong { min-width: 0; overflow-wrap: anywhere; }
}