/* LAYOUT_FIX_20261009 — desktop page at 641..1199px viewport width laid out 1440px wide and was cut off (Melisa panel off-screen).
   Cause: body is a flex container and .v2-page a flex item (min-width:auto) with only max-width:1440px; its min-content width
   (the nowrap LIVE news ticker in the header) pushed it to the 1440px cap. variant2.css only sets width:100% from 1200px up.
   Fix: same width:100% below 1200px; for 1025..1199 a slightly narrower Melisa column and compact tiles. >=1200px untouched. */
@media (min-width: 641px) and (max-width: 1199.98px) {
  html body .v2-page { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
}
@media (min-width: 1025px) and (max-width: 1199.98px) {
  :root { --ll-side: clamp(345px, 33.4vw, 400px); }
  html body .v2-tiles .v2-tile { gap: 7px !important; padding-left: 8px !important; padding-right: 6px !important; }
  html body .v2-tiles .v2-tile > b { display: none !important; }
  html body .v2-tiles .v2-tile svg { width: 22px !important; height: 22px !important; }
}
