/* ============================================================================ cb-mobile.css — phone layout for www.casablancabourse.com m.casablancabourse.com is gone, so this one document has to serve a 390px phone as well as a 1440px desktop. Rather than editing mystyle.css (2 800 lines, a lot of it !important and load-bearing for other pages), every phone-only change lives here and this file is loaded last, so it wins on equal specificity. Nothing outside a media query is declared: on a desktop this stylesheet is inert. Breakpoints 760px — the phone/small-tablet tier. Everything is here. 400px — the small-phone tier (iPhone SE / mini). Tightening only. ========================================================================== */ @media (max-width: 760px) { /* Safari inflates text in landscape unless told not to; with a layout this dense that silently breaks every column width below. */ html { -webkit-text-size-adjust: 100%; } /* Nothing on a phone should scroll sideways except the two elements that opt into it explicitly (the ticker rail and the nav). */ body { overflow-x: hidden; } /* ========================================================================== 1. Ticker bar A single .s-item was 400–440px wide — wider than the whole screen, so the bar showed one company at a time and read as a broken marquee rather than a ticker. Shrink it until three or four fit. The ticker's own rules live in a