/* Align the podcast masthead with the editorial grid and give phone navigation a compact, readable rhythm. */
.header.wrap{
  width:min(1280px,calc(100% - 80px));
  min-height:96px;
  padding:14px 0;
  gap:24px;
}
.header nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  column-gap:20px;
  row-gap:0;
}
.header nav a{min-height:40px;padding:7px 0;white-space:nowrap;}
.header nav a:last-child{padding:7px 13px;}
@media(min-width:1001px){
  body.staging-page .header.wrap{width:min(1080px,calc(100% - 80px));}
}
@media(min-width:801px) and (max-width:1000px){
  .header.wrap{width:calc(100% - 60px);}
}
@media(max-width:800px){
  .header.wrap{width:calc(100% - 44px);}
}
@media(max-width:620px){
  .header.wrap{
    width:calc(100% - 32px);
    min-height:0;
    padding:16px 0 10px;
    gap:8px;
    align-items:flex-start;
  }
  .header .brand{font-size:27px;line-height:1.1;}
  .header nav{
    display:grid;
    grid-template-columns:repeat(3,max-content);
    width:100%;
    margin:0;
    justify-content:start;
    column-gap:16px;
    row-gap:0;
    font-size:11px;
    letter-spacing:.02em;
  }
  .header nav a{min-height:34px;padding:5px 0;font-size:11px;}
  .header nav a:last-child{padding:5px 10px;}
  .edition-line{padding:10px 0;line-height:1.35;}
}

/* The staging article keeps a narrower editorial measure on every screen. */
.staging-page .header.wrap{width:min(1080px,calc(100% - 48px));}
@media(min-width:681px) and (max-width:900px){
  .staging-page .staging-photo{min-height:0;}
}

/* Masthead restraint: photography and type carry the banner. */
.header{border-bottom:0!important;}
.edition-line{border-bottom:0!important;padding-bottom:10px;}
.hero-visual{border:0!important;box-shadow:none!important;}
.sound-signature,.on-air>span{display:none!important;}
.visual-caption{margin-top:18px;}
