/* ========================================================== Launch QA — Mobile corrections 1. FR/EN always visible 2. Storytelling Scroller visible and compact on mobile ========================================================== */ @media (max-width:860px){ .nav-shell{ grid-template-columns:1fr auto auto!important; column-gap:4px; } .brand{ grid-column:1; grid-row:1; } .nav-actions{ grid-column:2; grid-row:1; display:flex!important; justify-self:end; gap:2px!important; } .nav-toggle{ grid-column:3; grid-row:1; } .language-switch{ display:flex!important; align-items:center; gap:1px; font-size:.72rem; } .language-option{ min-height:38px!important; min-width:30px; display:grid; place-items:center; padding:.2rem!important; } .experience-cta{ display:none!important; } } /* Override the previous rule that hid the scroller below 1050px. */ @media (max-width:1050px){ .page-story-rail{ display:block!important; right:4px; width:18px; height:min(46vh,320px); opacity:.82; } .page-story-track{ left:8px; top:8px; bottom:8px; } .page-story-point{ left:4px; } .page-story-button{ width:9px; height:9px; min-width:9px; min-height:9px; } .page-story-button::after{ display:none!important; } .page-story-current{ display:none!important; } } @media (max-width:420px){ .premium-header{ padding-left:7px!important; padding-right:7px!important; } .nav-shell{ padding-left:13px!important; padding-right:5px!important; } .brand{ font-size:1.08rem; } .brand-pulse{ width:6px; height:6px; } .language-switch{ font-size:.67rem; } .language-option{ min-width:27px; } .nav-toggle{ padding:.55rem!important; } }