/* Shared header only: do not import global page typography into transcripts. */
.site-header, .site-header * { box-sizing: border-box; }
.site-header {
  position: sticky; top: 0; z-index: 10;
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; width: 100%; max-width: none; margin: 0;
  padding: 16px clamp(20px, 4vw, 56px);
  color: #151515; background: rgba(246,244,239,.96);
  border: 0; border-bottom: 1px solid #d8d3c7;
  backdrop-filter: blur(18px);
  font: 16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.site-header .brand { display:flex; align-items:center; gap:12px; min-width:0; font-weight:750; }
.site-header a { color:inherit; text-decoration:none; }
.site-header a:hover { text-decoration:underline; }
.site-header a:focus-visible { outline:3px solid #a85236; outline-offset:4px; }
.site-header .brand-mark { display:grid; flex:0 0 44px; width:44px; height:44px; place-items:center; border:1px solid #d8d3c7; background:#fff; }
.site-header .brand-mark img { display:block; width:34px; max-height:34px; object-fit:contain; }
.site-header .nav { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; margin:0; padding:0; color:#5f615d; font-size:14px; }
.site-header [aria-current="page"] { color:#151515; text-decoration:underline; text-underline-offset:5px; }
body.episode-page { max-width:none; margin:0; padding:0; }
.episode-page > header:not(.site-header), .episode-page > main, .episode-page > footer { box-sizing:border-box; width:100%; max-width:1050px; margin:auto; padding:24px; }
.episode-page .skip:focus { position:relative; z-index:11; }
@media(max-width:1100px) { .site-header { flex-wrap:wrap; } }
@media(max-width:720px) {
  .site-header { position:relative; flex-direction:column; align-items:flex-start; gap:16px; }
  .site-header .nav { width:100%; justify-content:flex-start; gap:10px 18px; overflow:visible; }
}