/* UKBC Site System 1.2.10 - measured hero content width.
   Control: UKBC > Header & Footer > Desktop hero heading width.
   Only hero/title blocks change. Body copy, card grids and the mobile app menu are unaffected. */
body.ukbc-site-shell-active.ukbc-hero-width-60 { --ukbc-hero-copy-width:60%; }
body.ukbc-site-shell-active.ukbc-hero-width-65 { --ukbc-hero-copy-width:65%; }
body.ukbc-site-shell-active.ukbc-hero-width-70 { --ukbc-hero-copy-width:70%; }

@media (min-width:1101px) {
  /* The former 940px cap forced four lines on wide desktop displays. */
  body.ukbc-site-shell-active .ukbc-page .ukbc-hero-grid .ukbc-hero-copy {
    width:min(100%,max(var(--ukbc-hero-copy-width,70%),980px)) !important;
    max-width:none !important;
    min-width:0;
  }
  body.ukbc-site-shell-active .ukbc-page .ukbc-hero h1 {
    width:100% !important;
    max-width:none !important;
  }
  body.ukbc-site-shell-active .ukbc-editorial-head h1,
  body.ukbc-site-shell-active .ukbc-utility-hero h1 {
    width:min(100%,max(var(--ukbc-hero-copy-width,70%),980px)) !important;
    max-width:none !important;
  }
}
/* On wide desktop, use the exact 60/65/70% choice; the broad
   min-width safeguard above is only needed on narrower laptops. */
@media (min-width:1600px) {
  body.ukbc-site-shell-active .ukbc-page .ukbc-hero-grid .ukbc-hero-copy {
    width:var(--ukbc-hero-copy-width,70%) !important;
  }
  body.ukbc-site-shell-active .ukbc-editorial-head h1,
  body.ukbc-site-shell-active .ukbc-utility-hero h1 {
    width:var(--ukbc-hero-copy-width,70%) !important;
  }
}
@media (min-width:768px) and (max-width:1100px) {
  body.ukbc-site-shell-active .ukbc-page .ukbc-hero-grid .ukbc-hero-copy {
    width:100% !important;max-width:none !important;
  }
  body.ukbc-site-shell-active .ukbc-page .ukbc-hero h1,
  body.ukbc-site-shell-active .ukbc-editorial-head h1,
  body.ukbc-site-shell-active .ukbc-utility-hero h1 {
    width:100% !important;max-width:none !important;
  }
}
@media (max-width:767px) {
  body.ukbc-site-shell-active .ukbc-page .ukbc-hero-grid .ukbc-hero-copy {
    width:100% !important;max-width:100% !important;
  }
  body.ukbc-site-shell-active .ukbc-page .ukbc-hero h1,
  body.ukbc-site-shell-active .ukbc-editorial-head h1,
  body.ukbc-site-shell-active .ukbc-utility-hero h1 {
    width:100% !important;max-width:100% !important;
  }
}