/* Homepage-only technical fixes (contrast + tap targets). Colors darkened minimally to meet WCAG AA. */
html:not([data-theme="dark"]) .audit-url-label > span,
html:not([data-theme="dark"]) .audit-group-heading p,
html:not([data-theme="dark"]) .audit-disclaimer,
html:not([data-theme="dark"]) .home-work-v5 > .wrap > p{color:#5d6b76!important}
.us-based-head h2 span.blue{color:#4d8fd6!important}
/* Tap targets on small screens only */
@media (max-width:480px){
 footer a{display:inline-block;min-height:24px;padding:3px 0;line-height:1.4}
 footer li{margin:2px 0}
 .micro a,.trustbar a,.lead-audit-layout label a{display:inline-block;min-height:24px;padding:2px 0}
 .lead-audit-layout input[type=checkbox],.lead-audit-layout input[type=radio]{min-width:24px;min-height:24px}
}

/* Full-width hero photo: hero height follows image aspect (2400x1351) so the whole photo shows, uncropped */
html body .hero{
 background:
  linear-gradient(90deg,rgba(4,17,30,.92) 0%,rgba(4,17,30,.84) 40%,rgba(4,17,30,.45) 66%,rgba(4,17,30,.15) 100%),
  url("/assets/bcc-hero-full-v2.webp") center top/100% auto no-repeat !important;
 background-color:#071521 !important;
 min-height:calc(100vw * 1351 / 2400) !important;
 display:flex !important;align-items:center !important;
 padding-top:0 !important;padding-bottom:0 !important;
}
html body .hero .hero-grid{min-height:0 !important;width:100%;align-items:center !important}
html body .hero::before{content:none !important;display:none !important}
@media (max-width:900px){
 /* Mobile: full uncropped photo as a block above the text */
 html body .hero{
  background:#071521 !important;
  min-height:0 !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;
 }
 html body .hero::before{
  content:"" !important;display:block !important;position:static !important;
  width:100% !important;aspect-ratio:2400/1351;height:auto !important;
  background:url("/assets/bcc-hero-full-v2.webp") center/100% auto no-repeat !important;
  opacity:1 !important;inset:auto !important;transform:none !important;
 }
 html body .hero .hero-grid{min-height:0 !important;padding-top:0 !important;margin-top:0 !important}
 html body .hero .hero-grid > div:first-child{padding:32px 0 56px !important}
}