/* tt-gutter.css: a consistent safe side margin on phones, every page.
   Text never touches the screen edge; respects the iPhone safe area. */
@media (max-width:760px){
  .wrap,.w,.art,.tt-wrap,.tc-wrap,.bc-wrap,.cm-wrap,.dx-wrap,.cs-wrap,.fb-wrap,.btb-wrap,.pt-wrap,.pr-wrap,.ap-wrap,.vl-wrap,
  .x2-in,.sp-in,.aif-in,.inner,.article,.pr-hero-in,.cx-inner,.os-inner,.inc-inner,.boiler-inner,.st-hero-in,.ttm-w,.tm-more-in{
    padding-left:max(22px,env(safe-area-inset-left))!important;
    padding-right:max(22px,env(safe-area-inset-right))!important;
    box-sizing:border-box;
  }
  /* Tiles that already sit inside a 12px inset keep their own inner padding */
  .tt-ssec>.tt-wrap,.tt-ssec-lg>.tt-wrap{padding-left:22px!important;padding-right:22px!important}
  p,li{overflow-wrap:anywhere;hyphens:auto}
  h1,h2,h3,h4{overflow-wrap:break-word;hyphens:none}
}