/* One shared mobile header; keep familiar control positions and 44px targets. */
@media screen and (max-width:700px){
 :is(.home-page,.subpage-page) .topbar .nav{grid-template-columns:44px 44px 56px 44px minmax(100px,1fr);gap:6px;padding-block:6px;align-items:center}
 :is(.home-page,.subpage-page) .topbar .nav>.channel-badge{width:44px;min-height:44px;justify-content:center}
 :is(.home-page,.subpage-page) .topbar .nav>.header-clock{grid-column:5;grid-row:1;gap:2px;line-height:1.3;letter-spacing:0}
 :is(.home-page,.subpage-page) .topbar .header-clock-date{font-size:.875rem;font-weight:500;color:#e7f0f3}
 :is(.home-page,.subpage-page) .topbar .header-clock-time{font-size:1rem;font-weight:600;color:#fffdf8}
 :is(.home-page,.subpage-page) .topbar .nav>.nav-links{top:calc(100% + 6px);left:0;right:0}
 /* The title panel should grow with its content rather than reserve a tall image. */
 body.subpage-page main :is(.section-head,.about-copy,.holiday-intro-panel){min-height:0!important;padding:20px!important;margin-bottom:20px}
 body.subpage-page main .section-head{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 body.subpage-page main .section-head>div{min-width:0}
 body.subpage-page main :is(.section-head,.about-copy,.holiday-intro-panel) .rubric-title{font-size:clamp(1.65rem,6vw,2.1rem);line-height:1.25;letter-spacing:-.025em;margin:0;overflow-wrap:normal;word-break:normal;hyphens:auto}
 body.subpage-page main :is(.section-head,.about-copy,.holiday-intro-panel) .section-intro{font-size:1rem;line-height:1.6;max-width:none;margin:0}
 body.subpage-page main .about-copy .rubric-title{margin-bottom:14px}
 body.subpage-page main .holiday-intro-panel .rubric-title{margin-bottom:14px}
}
/* On very narrow phones, give date/time a readable compact second row. */
@media screen and (max-width:359px){
 :is(.home-page,.subpage-page) .topbar .nav{grid-template-columns:44px 44px 56px 44px;justify-content:space-between;gap:4px 6px}
 :is(.home-page,.subpage-page) .topbar .nav>.header-clock{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:center;justify-self:stretch;align-items:center;gap:12px;width:100%}
}