/* Keep existing institutional header labels usable on narrow screens. */
@media(max-width:420px){
 html[data-campaign-active] body:has([data-campaign-theme="pttp"]) .site-header{flex-wrap:wrap;gap:16px;}
 html[data-campaign-active] body:has([data-campaign-theme="pttp"]) .site-header .header-links{display:flex;flex-wrap:wrap;width:100%;min-width:0;max-width:100%;gap:12px;}
 html[data-campaign-active] body:has([data-campaign-theme="pttp"]) .site-header .nav-action{max-width:100%;white-space:normal;}
 html[data-campaign-active] body:has([data-campaign-theme="league"]) .topbar{flex-wrap:wrap;gap:12px;}
 html[data-campaign-active] body:has([data-campaign-theme="league"]) .topbar .brand{min-width:0;max-width:100%;}
 html[data-campaign-active] body:has([data-campaign-theme="league"]) .topbar .credit-pill{max-width:100%;flex:0 0 auto;}
}
/* HMD's original viewport lock must not clip content following the campaign. */
html[data-campaign-active]:has([data-campaign-theme="hmd"]){height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}
html[data-campaign-active] body:has(>[data-campaign-theme="hmd"]){height:auto!important;min-height:100vh;overflow:visible!important;display:block}
html[data-campaign-active] body:has(>[data-campaign-theme="hmd"]) main#app{height:auto!important;min-height:calc(100svh - 104px);overflow:visible!important;padding-bottom:28px}
html[data-campaign-active] body:has(>[data-campaign-theme="hmd"]) main#app :is(.question,.ending){height:auto;min-height:max(400px,calc(100svh - 144px))}
html[data-campaign-active] body:has(>[data-campaign-theme="hmd"])>[data-site-beta]{position:relative;top:auto;z-index:auto}
html[data-campaign-active] body:has(>[data-campaign-theme="hmd"])>#bs-whole-thing-bar{position:relative;inset:auto;z-index:auto;width:fit-content;max-width:calc(100% - 36px);margin:18px auto 24px}
html[data-campaign-active].bs-campaign-dialog-open:has([data-campaign-theme="hmd"]){overflow:hidden!important}