/* Shared header typography for every public page. Layout remains page-specific. */
:root {
  --header-font: Georgia, "Times New Roman", serif;
  --header-nav-size: 1.0625rem;
}
.site-header .brand { font-family: var(--header-font); }
.site-header .site-nav,
.site-header .site-nav a {
  font-family: var(--header-font);
  font-size: var(--header-nav-size);
  font-weight: 500;
  line-height: 1.5;
}

/* Approved editorial categories; keep long labels readable at narrow widths. */
.category-chips, .episode-categories { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; min-width:0; }
.category-chip { display:inline-block; max-width:100%; padding:6px 10px; border:1px solid rgba(159,184,221,.4); border-radius:16px; color:inherit; font-size:.8rem; line-height:1.5; white-space:normal; overflow-wrap:anywhere; text-decoration:none; }
a.category-chip:hover, a.category-chip:focus-visible { background:rgba(159,184,221,.18); }
.episode-categories { padding:20px 0; }

.category-chip { border-radius:999px; background:rgba(159,184,221,.08); text-decoration:none; }
.episode-row .category-chip { font-weight:400; color:var(--ink); }
.category-chips { margin:10px 0 0; gap:6px; }
#topic-category-name:empty, #archive-category-name:empty { display:none; }
#topic-category-name, #archive-category-name { color:var(--muted); }