/* ============================================================================
   PREVIOUSLY · DEPARTMENT MASTHEAD (#240, 2026-10-21, stamp 20261021h2)
   One shared department-identity component. Identity resolves from the
   central registry: /data/dept-registry.json (FINAL). The injector and the
   fleet generators bake this markup from that registry — a future
   department is a registry entry, not a redesign.
   Built from the Previously Audio reference (podcasts/css/pv-audio-nav.css):
   dark navy band, Marathon lockup ("Previously Display" production alias),
   gold #F2BC68, squared gold-underline tabs. NO PILLS.
   Levels: A = landing (identity + optional nav rail) · B = subsection
   (compact + breadcrumb) · C = content page (context bar only).
   ============================================================================ */
.pv-dept{--pvdm-gold:#F2BC68;--pvdm-ink:#0C121B;--pvdm-paper:#FAF6EE;--pvdm-line:rgba(242,188,104,.28);
  background:var(--pvdm-ink);color:var(--pvdm-paper);border-bottom:1px solid var(--pvdm-line);
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif}
.pv-dept__in{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:28px;min-height:56px;min-width:0}
.pv-dept__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--pvdm-paper);
  font-family:'Previously Display','Marathon',Georgia,serif;font-weight:400;font-size:21px;line-height:1;
  white-space:nowrap;min-width:0}
.pv-dept__brand .pv-dept__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-dept__brand em{font-style:normal;color:var(--pvdm-gold)}
.pv-dept__mark{flex:0 0 auto;width:22px;height:22px;color:var(--pvdm-gold)}
.pv-dept__mark svg{width:100%;height:100%;display:block}
.pv-dept__dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#E10600;margin-left:2px}
@media (prefers-reduced-motion:no-preference){
  .pv-dept__dot{animation:pvdm-live-pulse 1.8s ease-in-out infinite}
}
@keyframes pvdm-live-pulse{0%,100%{opacity:1}50%{opacity:.45}}
.pv-dept__tag{margin-left:auto;font-size:12.5px;color:rgba(250,246,238,.62);font-style:italic;
  font-family:Georgia,serif;white-space:nowrap}
.pv-dept__crumbs{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:rgba(250,246,238,.55);white-space:nowrap;overflow:hidden}
.pv-dept__crumbs a{color:rgba(250,246,238,.75);text-decoration:none}
.pv-dept__crumbs a:hover{color:var(--pvdm-gold)}
.pv-dept__crumbs .sep{color:rgba(242,188,104,.6)}
.pv-dept__crumbs .here{color:var(--pvdm-gold);overflow:hidden;text-overflow:ellipsis}
/* department nav rail (Level A / B where the registry defines nav) */
.pv-dept__rail{display:flex;align-items:stretch;gap:4px;overflow-x:auto;scrollbar-width:none;
  -webkit-overflow-scrolling:touch;margin-left:auto}
.pv-dept__rail::-webkit-scrollbar{display:none}
.pv-dept__rail a{display:flex;align-items:center;padding:0 12px;min-height:56px;font-size:12px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(250,246,238,.66);text-decoration:none;white-space:nowrap;
  box-shadow:inset 0 -2px 0 transparent}
.pv-dept__rail a:hover{color:var(--pvdm-paper);box-shadow:inset 0 -2px 0 rgba(242,188,104,.55)}
.pv-dept__rail a[aria-current="page"]{color:var(--pvdm-gold);box-shadow:inset 0 -2px 0 var(--pvdm-gold)}
.pv-dept a:focus-visible{outline:2px solid var(--pvdm-gold);outline-offset:-2px}
/* Browse dual identity: both lockups baked, JS toggles — no flicker */
.pv-dept__alt{display:none}
.pv-dept[data-browse-view="tv"] .pv-dept__main{display:none}
.pv-dept[data-browse-view="tv"] .pv-dept__alt{display:flex}
/* Level B — compact subsection */
.pv-dept--b .pv-dept__in{min-height:46px;gap:18px}
.pv-dept--b .pv-dept__brand{font-size:18px}
.pv-dept--b .pv-dept__mark{width:19px;height:19px}
.pv-dept--b .pv-dept__rail a{min-height:46px}
/* Level C — lightweight context bar on individual content pages */
.pv-dept--c{background:var(--pvdm-ink)}
.pv-dept--c .pv-dept__in{min-height:38px;gap:12px}
.pv-dept--c .pv-dept__ctx{display:flex;align-items:center;gap:9px;text-decoration:none;min-width:0}
.pv-dept--c .pv-dept__mark{width:16px;height:16px}
.pv-dept--c .pv-dept__ctxname{font-family:'Previously Display','Marathon',Georgia,serif;font-size:15px;
  color:var(--pvdm-paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-dept--c .pv-dept__ctxname em{font-style:normal;color:var(--pvdm-gold)}
.pv-dept--c .pv-dept__back{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(250,246,238,.6);text-decoration:none;white-space:nowrap}
.pv-dept--c .pv-dept__back:hover{color:var(--pvdm-gold)}
@media (max-width:900px){ .pv-dept__tag{display:none} }
/* Brief §6 mobile hierarchy: identity row, then the department nav rail on
   its OWN row — the rail never squeezes the lockup into truncation. */
@media (max-width:768px){
  .pv-dept--a .pv-dept__in, .pv-dept--b .pv-dept__in{flex-wrap:wrap;row-gap:0}
  .pv-dept__rail{order:3;flex-basis:100%;margin-left:0;border-top:1px solid rgba(255,255,255,.07)}
  .pv-dept__rail a{min-height:44px}
  .pv-dept--b .pv-dept__rail a{min-height:44px}
  .pv-dept__crumbs{flex-basis:auto}
}
@media (max-width:640px){
  .pv-dept__in{gap:14px;padding:0 14px;min-height:50px}
  .pv-dept__brand{font-size:18px}
  .pv-dept__mark{width:19px;height:19px}
  .pv-dept--b .pv-dept__in{min-height:44px}
  .pv-dept__rail a{padding:0 9px;font-size:11px;min-height:50px}
  .pv-dept__crumbs{font-size:11px}
}
@media (prefers-reduced-motion:reduce){ .pv-dept__rail a{transition:none} }