/* WBX3 · HOMEPAGE-ALIGNED INTERIORS · 27 OCT 2026 */

/* One geometric system for all internal page components. */
html body.wbx26-unified {
  --wbx-site-width:1240px;
  --wbx-side-padding:24px;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  background:#08090c!important;
  color:#f6f6f7!important;
  overflow-x:clip;
  box-sizing:border-box!important;
}

html body.wbx26-unified > .wbx-masthead,
html body.wbx26-unified > .wbx-shell,
html body.wbx26-unified > .page-footer,
html body.wbx26-unified > .strip,
html body.wbx26-unified > main,
html body.wbx26-unified > article,
html body.wbx26-unified main#page-content,
html body.wbx26-unified main.family-page {
  display:block!important;
  position:relative!important;
  float:none!important;
  clear:both!important;
  transform:none!important;
  left:auto!important;
  right:auto!important;
  width:min(
    var(--wbx-site-width),
    calc(100% - 2 * var(--wbx-side-padding))
  )!important;
  max-width:var(--wbx-site-width)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

html body.wbx26-unified > .wbx-masthead,
html body.wbx26-unified > .wbx-shell {
  padding-left:0!important;
  padding-right:0!important;
}

html body.wbx26-unified .wbx7-nav {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px 18px!important;
  width:100%!important;
  max-width:100%!important;
}

html body.wbx26-unified .wbx7-brand {
  grid-column:1!important;
  grid-row:1!important;
}

html body.wbx26-unified .wbx7-search {
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  max-width:min(460px,100%)!important;
  min-width:0!important;
}

html body.wbx26-unified .wbx7-links {
  grid-column:1 / -1!important;
  grid-row:2!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px 16px!important;
  width:100%!important;
  min-width:0!important;
}

html body.wbx26-unified > main,
html body.wbx26-unified main#page-content {
  padding:32px 0 55px!important;
}

html body.wbx26-unified main > article,
html body.wbx26-unified article.pr {
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Fit the article and evidence rail inside the nav width. */
@media(min-width:901px) {
  html body.wbx26-unified article.pr > .pr-grid,
  html body.wbx26-unified .wbx26-reflow {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(250px,300px)!important;
    gap:clamp(22px,2.5vw,34px)!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
}

html body.wbx26-unified article.pr
:is(.pr-left,.pr-right,.wbx-treasury-rail),
html body.wbx26-unified .wbx26-reflow
> :is(.wbx26-reading,.wbx26-evidence) {
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

html body.wbx26-unified article :is(h1,h2,h3,p) {
  overflow-wrap:break-word!important;
  word-break:normal!important;
  writing-mode:horizontal-tb!important;
}

html body.wbx26-unified article
:is(img,video,iframe,audio) {
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* The homepage footer structure, with one linked ref row. */
html body.wbx26-unified > .page-footer {
  margin-top:45px!important;
  padding:25px 0 20px!important;
  border-top:1px solid #373a44!important;
  background:transparent!important;
  text-align:left!important;
}

html body.wbx26-unified
.page-footer .wbx-footer-references {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:12px 36px!important;
  border-bottom:1px solid #30333b!important;
  margin:0 0 22px!important;
  padding:0 0 22px!important;
  width:100%!important;
  box-sizing:border-box!important;
}

html body.wbx26-unified
.page-footer .wbx-footer-references a {
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  color:#aeb2bc!important;
  text-decoration:none!important;
  font-size:12px!important;
  line-height:1.4!important;
}

html body.wbx26-unified
.page-footer .wbx-footer-references a:hover {
  color:#fff!important;
}

html body.wbx26-unified
.page-footer .wbx-footer-references strong {
  color:#f6f6f7!important;
  font-size:13px!important;
  font-weight:850!important;
}

html body.wbx26-unified .page-footer .footer-top {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:14px 24px!important;
  width:100%!important;
}

html body.wbx26-unified .page-footer .footer-links {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px 20px!important;
}

html body.wbx26-unified .page-footer .footer-warning {
  margin:17px 0 0!important;
  max-width:770px!important;
  font-size:12px!important;
  line-height:1.6!important;
}

html body.wbx26-unified > .strip {
  margin-top:0!important;
  padding:4px 0 42px!important;
}

html body.wbx26-unified .strip-form {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
}

/* Earlier floating reference strips must never survive. */
html body.wbx26-unified .deloitte-strip,
html body.wbx26-unified .wbx-pid-strip,
html body.wbx26-unified .pid-strip {
  display:none!important;
}

@media(max-width:900px) {
  html body.wbx26-unified {
    --wbx-side-padding:16px;
  }
  html body.wbx26-unified article.pr > .pr-grid,
  html body.wbx26-unified .wbx26-reflow {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
  }
  html body.wbx26-unified .wbx7-nav {
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.wbx26-unified .wbx7-brand,
  html body.wbx26-unified .wbx7-search,
  html body.wbx26-unified .wbx7-links {
    grid-column:1!important;
    grid-row:auto!important;
  }
  html body.wbx26-unified .wbx7-search {
    justify-self:stretch!important;
  }
}

@media(max-width:600px) {
  html body.wbx26-unified .page-footer .footer-top {
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  html body.wbx26-unified .page-footer
  .wbx-footer-references {
    flex-direction:column!important;
    gap:14px!important;
  }
}