/* WBX3 2026 · Responsive article design.
   Masthead, navigation, search and footer unchanged. */

body.wbx26-interior {
  --wred:#c8102e;
  --wline:#393c44;
  --wtext:#f6f6f7;
}

body.wbx26-interior :is(
  .pr,.wbx-urban-article,.wbx-brent-article,
  main.jj-record,main.fb26,.family-page,
  .wbx-westpac-clean
) {
  width:min(1230px,calc(100% - 40px))!important;
  max-width:1230px!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
}

body.wbx26-interior :is(
  .pr-grid,.wbx-urban-section,.wbx-brent-section,
  .jj-layout,.family-article-grid
) {
  display:grid!important;
  grid-template-columns:
    minmax(0,1.55fr) minmax(260px,.85fr)!important;
  gap:clamp(20px,3vw,44px)!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
}

body.wbx26-interior :is(
  .pr-left,.pr-right,
  .wbx-urban-copy,.wbx-urban-evidence,
  .wbx-brent-copy,.wbx-brent-evidence
) {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

body.wbx26-interior .pr-right {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

body.wbx26-interior main :is(h1,h2,h3) {
  font-family:Archivo,Arial,sans-serif!important;
  line-height:1.2!important;
  letter-spacing:-.03em!important;
  overflow-wrap:break-word!important;
}

body.wbx26-interior main h1 {
  font-size:clamp(28px,3vw,44px)!important;
}

body.wbx26-interior main :is(img,video,iframe) {
  max-width:100%!important;
  object-fit:contain!important;
}

body.wbx26-interior main audio {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:10px 0 16px!important;
}

body.wbx26-interior main :is(
  section[id],h2[id],h3[id]
) {
  scroll-margin-top:110px!important;
}

body.wbx26-interior main :target {
  outline:2px solid var(--wred);
  outline-offset:6px;
}

/* Compact horizontal article navigation */
.wbx26-article-nav {
  display:flex;
  gap:8px;
  overflow-x:auto;
  max-width:1200px;
  width:calc(100% - 40px);
  margin:16px auto 22px;
  padding:8px 0 15px;
}

.wbx26-article-nav a {
  white-space:nowrap;
  padding:10px 14px;
  border:1px solid #454850;
  border-radius:6px;
  color:#f6f6f7;
  background:#191b21;
  font:800 12px Archivo,Arial,sans-serif;
  text-decoration:none;
}

.wbx26-article-nav a:hover {
  border-color:#c8102e;
}

@media(max-width:850px) {
  body.wbx26-interior :is(
    .pr-grid,.wbx-urban-section,
    .wbx-brent-section,.jj-layout,
    .family-article-grid
  ) {
    grid-template-columns:minmax(0,1fr)!important;
  }

  body.wbx26-interior :is(
    .pr,.wbx-urban-article,.wbx-brent-article,
    main.jj-record,main.fb26,.family-page,
    .wbx-westpac-clean
  ) {
    width:calc(100% - 24px)!important;
  }

  body.wbx26-interior .pr-right {
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }
}



/* WBX3 FINAL 2026 INTERNAL LAYOUT FIX */

@media(min-width:981px) {

  html body.wbx26-interior #page-content.wrap {
    display:block!important;
    position:relative!important;
    width:calc(100% - 56px)!important;
    max-width:1260px!important;
    margin:0 auto!important;
    padding:34px 0 90px!important;
  }

  html body.wbx26-interior
  #page-content > article.pr {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  html body.wbx26-interior
  #page-content > article.pr > .pr-grid {
    display:grid!important;
    grid-template-columns:
      minmax(0,1.55fr) minmax(270px,.85fr)!important;
    gap:clamp(24px,3vw,44px)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    align-items:start!important;
  }

  html body.wbx26-interior
  #page-content .pr-grid > .pr-left {
    display:block!important;
    grid-column:1!important;
    grid-row:auto!important;
    position:static!important;
    float:none!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }

  html body.wbx26-interior
  #page-content .pr-grid > .wbx-treasury-rail {
    display:block!important;
    grid-column:2!important;
    grid-row:auto!important;
    float:none!important;
    position:static!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }

  html body.wbx26-interior
  #page-content .pr-left > * {
    max-width:100%!important;
    min-width:0!important;
    overflow-wrap:break-word!important;
  }

  html body.wbx26-interior
  #page-content .pr-left :is(p,h1,h2,h3,a) {
    max-width:100%!important;
    word-break:normal!important;
  }

  /* Two-column layouts shared by the legal and banking pages. */
  html body.wbx26-interior article.pr:not(:has(#page-content))
  > .pr-grid {
    display:grid!important;
    grid-template-columns:
      minmax(0,1.55fr) minmax(270px,.85fr)!important;
    gap:clamp(22px,3vw,42px)!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
  }

  html body.wbx26-interior
  article.pr > .pr-grid > :is(.pr-left,.pr-right) {
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    float:none!important;
  }
}

/* Protect Treasury content from narrow inherited widths. */
html body.wbx26-interior #page-content
:is(.pr-left,.pr-right,.section-head,.pr-line,
    .audio-block,.connected-grid,.wbx-treasury-gallery) {
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

html body.wbx26-interior
#page-content .wbx-treasury-gallery {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

html body.wbx26-interior
#page-content .wbx-treasury-gallery img {
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
}

html body.wbx26-interior
#page-content audio {
  width:100%!important;
  max-width:100%!important;
  min-height:38px!important;
}

@media(max-width:980px) {
  html body.wbx26-interior #page-content.wrap {
    width:calc(100% - 28px)!important;
    max-width:100%!important;
    padding:24px 0 60px!important;
    margin:0 auto!important;
  }

  html body.wbx26-interior
  #page-content > article.pr > .pr-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:25px!important;
    width:100%!important;
    max-width:100%!important;
  }

  html body.wbx26-interior
  #page-content .pr-grid > :is(.pr-left,.wbx-treasury-rail) {
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

html body.wbx26-interior main :is(img,iframe,video) {
  max-width:100%!important;
}

html body.wbx26-interior main iframe[src*=".pdf"] {
  width:100%!important;
  min-height:420px!important;
}