/* WHS Apps ONE v7.11 — Final detail-level client acceptance polish
   Content remains frozen. This layer corrects approved presentation only. */

/* =========================================================
   1. HEADER / BRAND SEAM — true white and opaque
   ========================================================= */
body.v75-site .v71-header{
  background:#FFFFFF!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 1px 0 rgba(33,67,38,.06)!important;
}
body.v75-site .v71-header .v71-brand,
body.v75-site .v71-header .v71-brand img{
  background:#FFFFFF!important;
}

/* Sticky-header anchor clearance. The sticky header stays in normal document flow;
   these offsets prevent in-page anchor targets from landing underneath it. */
html{scroll-padding-top:104px}
.v75-site section[id],
.v75-site main[id],
.v75-site :is(h2,h3)[id]{scroll-margin-top:104px}
@media(max-width:900px){
  html{scroll-padding-top:84px}
  .v75-site section[id],
  .v75-site main[id],
  .v75-site :is(h2,h3)[id]{scroll-margin-top:84px}
}

/* Visible breadcrumbs were removed from page markup. Keep this defensive rule so an
   old page fragment cannot reintroduce the public breadcrumb/spacing. */
.v75-site .v71-breadcrumb{display:none!important;margin:0!important;padding:0!important}

/* With the breadcrumb removed, the established hero padding becomes the intentional
   header-to-eyebrow breathing room. */
.v75-site:not(.v71-page-home) .v71-hero{padding-top:62px!important}
@media(max-width:900px){.v75-site:not(.v71-page-home) .v71-hero{padding-top:48px!important}}
@media(max-width:560px){.v75-site:not(.v71-page-home) .v71-hero{padding-top:42px!important}}

/* =========================================================
   2. OFFICIAL BRAND MARK IN WORK CLEARANCE PHONE
   ========================================================= */
/* v7.8 already defines the exact header-logo overlay. v7.11 ensures the Work
   Clearance page uses the same overlay and that the repair field stays white. */
.v75-site.v71-page-work-clearance .v73-phone-showcase::before{background:#FFFFFF!important}
.v75-site.v71-page-work-clearance .v73-phone-showcase .v78-phone-brand{
  display:block!important;
  background:#FFFFFF!important;
}

/* =========================================================
   3. CONTROL — primary message first, supporting cards below
   ========================================================= */
.v75-site.v71-page-work-assurance .authority-control-section{
  padding:86px 0!important;
}
.v75-site.v71-page-work-assurance .authority-control-layout{
  display:block!important;
}
.v75-site.v71-page-work-assurance .authority-control-copy{
  position:static!important;
  max-width:900px!important;
  margin:0 0 42px!important;
}
.v75-site.v71-page-work-assurance .authority-control-copy h2{
  max-width:760px!important;
  font-size:clamp(42px,4.8vw,64px)!important;
  line-height:1!important;
  margin:10px 0 18px!important;
}
.v75-site.v71-page-work-assurance .authority-control-copy>p{
  max-width:790px!important;
  font-size:16px!important;
  line-height:1.68!important;
  color:#C6D2C8!important;
}
.v75-site.v71-page-work-assurance .authority-control-rule{
  max-width:790px!important;
  margin-top:26px!important;
  padding:20px 22px!important;
  border-radius:18px!important;
}
.v75-site.v71-page-work-assurance .authority-control-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  max-width:1060px!important;
}
.v75-site.v71-page-work-assurance .authority-control-grid article{
  min-height:178px!important;
  padding:26px!important;
  border-radius:20px!important;
}
.v75-site.v71-page-work-assurance .authority-control-grid h3{
  font-size:24px!important;
  line-height:1.08!important;
  margin:12px 0 12px!important;
}
.v75-site.v71-page-work-assurance .authority-control-grid p{
  font-size:13px!important;
  line-height:1.62!important;
  color:#C0CDC3!important;
}
@media(max-width:760px){
  .v75-site.v71-page-work-assurance .authority-control-section{padding:64px 0!important}
  .v75-site.v71-page-work-assurance .authority-control-copy{margin-bottom:30px!important}
  .v75-site.v71-page-work-assurance .authority-control-copy h2{font-size:38px!important}
  .v75-site.v71-page-work-assurance .authority-control-grid{grid-template-columns:1fr!important;gap:12px!important}
  .v75-site.v71-page-work-assurance .authority-control-grid article{min-height:0!important;padding:22px!important}
}

/* =========================================================
   4. WORK CLEARANCE READINESS GATES — checklist, not giant pills
   ========================================================= */
.v75-site.v71-page-work-clearance #ready-gates .shell{max-width:1180px!important}
.v75-site.v71-page-work-clearance #ready-gates .subpage-head{
  max-width:980px!important;
  margin-bottom:34px!important;
}
.v75-site.v71-page-work-clearance #ready-gates .subpage-head h2{
  max-width:940px!important;
  font-size:clamp(40px,4.4vw,58px)!important;
  line-height:1.02!important;
  letter-spacing:-.048em!important;
}
.v75-site.v71-page-work-clearance #ready-gates .v58-gate-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 24px!important;
}
.v75-site.v71-page-work-clearance #ready-gates .v58-gate-grid span{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:58px!important;
  padding:13px 16px 13px 52px!important;
  border:1px solid #D5E2D0!important;
  border-radius:14px!important;
  background:#FFFFFF!important;
  color:#172019!important;
  font-size:14px!important;
  font-weight:720!important;
  line-height:1.35!important;
  box-shadow:0 8px 22px rgba(21,47,28,.035)!important;
}
.v75-site.v71-page-work-clearance #ready-gates .v58-gate-grid span::before{
  content:"✓";
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#EAF4E5;
  color:#49771F;
  font-size:13px;
  font-weight:900;
}
.v75-site.v71-page-work-clearance #ready-gates .v58-ready-example{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) 44px minmax(220px,.85fr)!important;
  grid-template-rows:auto auto auto!important;
  gap:10px 18px!important;
  align-items:center!important;
  margin:0!important;
  padding:26px 28px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#0F1C13,#14331C)!important;
  color:#FFFFFF!important;
  box-shadow:0 16px 36px rgba(15,28,19,.10)!important;
}
.v75-site.v71-page-work-clearance #ready-gates .v58-ready-example>strong:first-child{
  grid-column:1;grid-row:1;
  font-size:17px!important;
  color:#FFFFFF!important;
}
.v75-site.v71-page-work-clearance #ready-gates .v58-ready-example>span{
  grid-column:1!important;
  width:max-content!important;
  max-width:100%!important;
  padding:7px 10px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.08)!important;
  color:#DCE6DE!important;
  font-size:12px!important;
}
.v75-site.v71-page-work-clearance #ready-gates .v58-ready-example>span:nth-of-type(1){grid-row:2!important}
.v75-site.v71-page-work-clearance #ready-gates .v58-ready-example>span:nth-of-type(2){grid-row:3!important}
.v75-site.v71-page-work-clearance #ready-gates .v58-ready-example>b{
  grid-column:2!important;
  grid-row:1 / 4!important;
  justify-self:center!important;
  font-size:24px!important;
  color:#9DDA6C!important;
}
.v75-site.v71-page-work-clearance #ready-gates .v58-ready-example>strong:last-child{
  grid-column:3!important;
  grid-row:1 / 4!important;
  justify-self:center!important;
  text-align:center!important;
  font-size:22px!important;
  line-height:1.15!important;
  color:#B8ED91!important;
}
.v75-site.v71-page-work-clearance #ready-gates .v58-center-rule{
  max-width:900px!important;
  margin:24px auto 0!important;
  font-size:13px!important;
  line-height:1.62!important;
  color:#58665D!important;
}
@media(max-width:760px){
  .v75-site.v71-page-work-clearance #ready-gates .subpage-head h2{font-size:36px!important}
  .v75-site.v71-page-work-clearance #ready-gates .v58-gate-grid{grid-template-columns:1fr!important;gap:10px!important}
  .v75-site.v71-page-work-clearance #ready-gates .v58-gate-grid span{min-height:54px!important;font-size:13px!important}
  .v75-site.v71-page-work-clearance #ready-gates .v58-ready-example{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    padding:22px!important;
    gap:10px!important;
  }
  .v75-site.v71-page-work-clearance #ready-gates .v58-ready-example>*{
    grid-column:1!important;
    grid-row:auto!important;
    justify-self:start!important;
    text-align:left!important;
  }
  .v75-site.v71-page-work-clearance #ready-gates .v58-ready-example>b{transform:rotate(90deg);margin:2px 0 2px 8px!important}
  .v75-site.v71-page-work-clearance #ready-gates .v58-ready-example>strong:last-child{font-size:20px!important}
}

/* =========================================================
   5. ICON SYSTEM — semantic corrections inherit the same box language
   ========================================================= */
.v75-site .industry-page-grid .v73-icon,
.v75-site.v71-page-home .info-grid .v73-icon{
  display:grid!important;
  place-items:center!important;
}
.v75-site .industry-page-grid .v73-icon>svg,
.v75-site.v71-page-home .info-grid .v73-icon>svg{
  display:block!important;
  margin:auto!important;
  width:26px!important;
  height:26px!important;
}

/* =========================================================
   6. SMALL-SCREEN HERO / LONG-HEADING BALANCE AFTER BREADCRUMB REMOVAL
   ========================================================= */
@media(max-width:560px){
  .v75-site.v71-page-work-clearance .v71-hero h1,
  .v75-site.v71-page-work-assurance .v71-hero h1{font-size:42px!important}
}