/* mobile-header-fix v1 (PREVIEW, 1 Nov 2026): the shared cookeryonline header (rx-site logo banner + picture nav + slim split search)
   on the old pre-template pages (body.co-legacy). Header look itself comes from cookery-header.css + recipe.css, same as the recipe pages.
   This file only (1) resets the old page's body margin so the banner can run edge to edge, (2) keeps old table font rules out of the
   header, (3) hides the header when the page is shown inside an old frameset (the NavBar frame already carries it), and
   (4) on phones (<=620px) stops old fixed-width tables and pictures from pushing the page wider than the screen. */
body.co-legacy{margin:0!important;padding:0 8px 8px!important}
.co-lhead{margin:0 -8px 10px;text-align:left;line-height:normal;font:16px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#16141f}
.co-lhead,.co-lhead *,.co-lhead *::before,.co-lhead *::after{box-sizing:border-box}
.co-lhead img{border:0}
.co-lhead ul{margin:0;padding:0}
.co-framed .co-lhead{display:none}
@media (max-width:620px){
  body.co-legacy{overflow-wrap:anywhere}
  body.co-legacy td,body.co-legacy th{overflow-wrap:anywhere}
  /* a table that still cannot fit (many picture columns) scrolls sideways inside itself instead of widening the page */
  body.co-legacy table{max-width:100%!important;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.co-legacy table table{display:table;overflow:visible}
  body.co-legacy table[width],body.co-legacy td[width],body.co-legacy th[width]{width:auto!important}
  body.co-legacy img,body.co-legacy object,body.co-legacy embed,body.co-legacy iframe,body.co-legacy video{max-width:100%!important;height:auto!important}
  body.co-legacy .co-lhead img{max-width:none!important}
  body.co-legacy pre{white-space:pre-wrap}
  body.co-legacy div[style*="width"],body.co-legacy p[style*="width"]{max-width:100%!important}
  body.co-legacy [style*="position:absolute"],body.co-legacy [style*="position: absolute"]{position:static!important}
}