/* WBX3 2026 · CLEAN ARTICLE GRID */

html body.wbx26-rebuilt {
  background:#08090c!important;
  color:#f6f6f7!important;
}

/* The old article grid classes are removed in JS.
   This new layout does not compete with their selectors. */

html body.wbx26-rebuilt main#page-content,
html body.wbx26-rebuilt main.wbx26-safe-main {
  display:block!important;
  width:min(1240px,calc(100% - 44px))!important;
  max-width:1240px!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:30px 0 80px!important;
  float:none!important;
  box-sizing:border-box!important;
}

html body.wbx26-rebuilt article.wbx26-article {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}

html body.wbx26-rebuilt .wbx26-reflow {
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(0,.9fr)!important;
  gap:clamp(22px,3.5vw,46px)!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  box-sizing:border-box!important;
}

html body.wbx26-rebuilt .wbx26-reading {
  grid-column:1!important;
}

html body.wbx26-rebuilt .wbx26-evidence {
  grid-column:2!important;
}

html body.wbx26-rebuilt
:is(.wbx26-reading,.wbx26-evidence) {
  display:block!important;
  position:static!important;
  float:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow-wrap:break-word!important;
}

html body.wbx26-rebuilt .wbx26-reading > * {
  max-width:100%!important;
  min-width:0!important;
}

html body.wbx26-rebuilt .wbx26-reading :is(h1,h2,h3,p) {
  width:auto!important;
  max-width:100%!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  writing-mode:horizontal-tb!important;
}

html body.wbx26-rebuilt
.wbx26-reading :is(h1,h2,h3) {
  font-family:Archivo,Arial,sans-serif!important;
  letter-spacing:-.03em!important;
  line-height:1.18!important;
  text-wrap:pretty;
}

html body.wbx26-rebuilt .wbx26-reading h1 {
  font-size:clamp(29px,3vw,43px)!important;
}

html body.wbx26-rebuilt
:is(.wbx26-reading,.wbx26-evidence) img {
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

html body.wbx26-rebuilt .wbx26-evidence img {
  display:block!important;
  width:100%!important;
  max-height:540px!important;
}

html body.wbx26-rebuilt .wbx26-reading audio {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:38px!important;
  margin:10px 0 18px!important;
}

html body.wbx26-rebuilt
:is(.wbx26-reading,.wbx26-evidence) iframe {
  width:100%!important;
  max-width:100%!important;
  min-height:420px!important;
}

html body.wbx26-rebuilt .wbx26-reflow :is(
  section[id],h2[id],h3[id],p[id]
) {
  scroll-margin-top:90px!important;
}

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

html body.wbx26-rebuilt .wbx26-evidence
.wbx-treasury-gallery img {
  max-height:300px!important;
  object-fit:contain!important;
}

/* Keep the already-working Full Bench design untouched. */

@media(max-width:900px) {
  html body.wbx26-rebuilt .wbx26-reflow {
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.wbx26-rebuilt
  :is(.wbx26-reading,.wbx26-evidence) {
    grid-column:1!important;
  }
  html body.wbx26-rebuilt main#page-content,
  html body.wbx26-rebuilt main.wbx26-safe-main {
    width:calc(100% - 28px)!important;
    padding:20px 0 50px!important;
  }
}

/* Homepage: compact clickable section label */
#main.wbx-unified .wbx26-category-link {
  color:#b9bdc7!important;
  text-decoration:none!important;
  font:850 11px Archivo,Arial,sans-serif!important;
  letter-spacing:.07em!important;
}

#main.wbx-unified .wbx26-category-link:hover {
  color:#fff!important;
  text-decoration:underline!important;
  text-decoration-color:#c8102e!important;
  text-underline-offset:5px!important;
}

#main.wbx-unified .wbx-card-meta {
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  justify-content:space-between!important;
}

#main.wbx-unified .wbx27-pdf {
  white-space:nowrap!important;
}