/* WBX3 / 2026 EDITORIAL REFINEMENT
   Content only. No changes to site chrome. */

#main.wbx-unified {
  --wbx-red:#c8102e;
  --wbx-surface:#17191e;
  --wbx-border:#343740;
  --wbx-text:#f6f6f7;
  --wbx-muted:#a9abb4;
}

/* Editorial layout */
#main.wbx-unified .wbx-card-grid {
  gap:18px!important;
  align-items:stretch!important;
}

#main.wbx-unified .wbx-card {
  isolation:isolate;
  position:relative!important;
  border-radius:9px!important;
  border:1px solid var(--wbx-border)!important;
  background:linear-gradient(
    155deg,#1b1d23,#13151a
  )!important;
  box-shadow:0 4px 16px rgba(0,0,0,.14)!important;
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease!important;
}

#main.wbx-unified .wbx-card:hover {
  transform:translateY(-4px)!important;
  border-color:#777b85!important;
  box-shadow:0 18px 42px rgba(0,0,0,.35)!important;
}

#main.wbx-unified .wbx-card.wbx-new {
  border-color:#c8102e!important;
  background:linear-gradient(
    155deg,#242027,#15171c
  )!important;
}

/* Document and photograph covers have identical dimensions */
#main.wbx-unified .wbx-card-image,
#main.wbx-unified .wbx-cover-link,
#main.wbx-unified .wbx-card-image img {
  width:100%!important;
  height:205px!important;
  min-height:205px!important;
  max-height:205px!important;
}

#main.wbx-unified .wbx-cover-link {
  position:relative!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  overflow:hidden!important;
  background:#0a0c10!important;
}

#main.wbx-unified .wbx-card-image img {
  object-fit:contain!important;
  object-position:center!important;
  transition:transform .3s ease!important;
}

#main.wbx-unified .wbx-card:hover .wbx-card-image img {
  transform:scale(1.035)!important;
}

#main.wbx-unified .wbx-cover-link::after {
  content:"↗";
  position:absolute;
  right:10px;
  bottom:10px;
  display:grid;
  place-items:center;
  height:29px;
  width:29px;
  border:1px solid #777a84;
  border-radius:50%;
  background:rgba(8,9,12,.88);
  color:#fff;
  font:800 15px Arial,sans-serif;
  opacity:0;
  transform:translateY(5px);
  transition:opacity .2s,transform .2s;
}

#main.wbx-unified .wbx-cover-link:hover::after,
#main.wbx-unified .wbx-cover-link:focus-visible::after {
  opacity:1;
  transform:none;
}

/* Consistent headline and metadata */
#main.wbx-unified .wbx-card-content {
  padding:18px!important;
}

#main.wbx-unified .wbx-card-meta {
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:12px!important;
  color:var(--wbx-muted)!important;
  font-size:11px!important;
  line-height:1.4!important;
  letter-spacing:.05em!important;
}

#main.wbx-unified .wbx-card h2 {
  font-family:Archivo,Arial,sans-serif!important;
  font-size:19px!important;
  font-weight:850!important;
  line-height:1.23!important;
  letter-spacing:-.027em!important;
  margin:0 0 18px!important;
  color:var(--wbx-text)!important;
  text-wrap:pretty;
}

#main.wbx-unified .wbx-headline-link {
  display:block!important;
  color:inherit!important;
  text-decoration:none!important;
}

#main.wbx-unified .wbx-headline-link:hover {
  color:#ff6e86!important;
}

#main.wbx-unified .wbx-new-label {
  background:#c8102e!important;
  color:white!important;
  font-size:10px!important;
  font-weight:900!important;
  padding:5px 8px!important;
  border-radius:3px!important;
}

/* The audio button is the primary media control. */
#main.wbx-unified .wbx26-audio-toggle {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:46px!important;
  padding:10px 14px!important;
  margin:0 0 14px!important;
  border:1px solid #d42a46!important;
  border-radius:5px!important;
  background:#c8102e!important;
  color:#fff!important;
  font:900 12px Archivo,Arial,sans-serif!important;
  letter-spacing:.035em!important;
  cursor:pointer!important;
  text-align:left!important;
}

#main.wbx-unified .wbx26-audio-toggle:hover {
  background:#a70e29!important;
}

#main.wbx-unified .wbx26-audio-toggle .wbx26-symbol {
  font-size:17px!important;
  line-height:1!important;
}

#main.wbx-unified .wbx26-audio-count {
  opacity:.85;
  font-size:10px!important;
  letter-spacing:.03em!important;
}

#main.wbx-unified .wbx-card-players[hidden] {
  display:none!important;
}

#main.wbx-unified .wbx-card-players {
  margin:0 0 16px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid #343740;
}

#main.wbx-unified .wbx-player {
  padding:3px 0!important;
}

#main.wbx-unified audio {
  display:block!important;
  width:100%!important;
  height:38px!important;
}

/* Supporting evidence as compact editorial controls */
#main.wbx-unified .wbx-card-docs {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:0 0 16px!important;
}

#main.wbx-unified .wbx-card-docs a {
  display:inline-flex!important;
  align-items:center!important;
  padding:8px 10px!important;
  min-height:34px!important;
  background:#272a32!important;
  border:1px solid #454954!important;
  border-radius:4px!important;
  color:#f6f6f7!important;
  text-decoration:none!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.4!important;
}

#main.wbx-unified .wbx-card-docs a:hover {
  border-color:#c8102e!important;
  background:#30323b!important;
}

#main.wbx-unified .wbx-card-read {
  margin-top:auto!important;
  padding:16px 0 0!important;
  border-top:1px solid #383b44!important;
  font-weight:900!important;
  font-size:12px!important;
  letter-spacing:.04em!important;
}

#main.wbx-unified .wbx-card-read:hover {
  color:#ff6e86!important;
}

/* Missing photographic evidence gets a deliberate, branded cover. */
#main.wbx-unified .wbx26-editorial-cover {
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-direction:column!important;
  gap:14px!important;
  width:100%!important;
  height:205px!important;
  color:#f6f6f7!important;
  text-decoration:none!important;
  background:
    linear-gradient(135deg,
      rgba(200,16,46,.2),transparent 55%),
    repeating-linear-gradient(
      0deg,transparent 0 24px,
      rgba(255,255,255,.025) 24px 25px),
    #111318!important;
}

#main.wbx-unified .wbx26-cover-mark {
  color:#c8102e;
  font:900 38px Archivo,Arial,sans-serif;
  letter-spacing:-.06em;
}

#main.wbx-unified .wbx26-cover-rule {
  width:65px;
  height:3px;
  background:#c8102e;
}

#main.wbx-unified a:focus-visible,
#main.wbx-unified button:focus-visible {
  outline:3px solid white!important;
  outline-offset:3px!important;
}

@media(max-width:650px) {
  #main.wbx-unified .wbx-card h2 {
    font-size:18px!important;
  }
  #main.wbx-unified .wbx-card-grid {
    gap:15px!important;
  }
}

@media(prefers-reduced-motion:reduce) {
  #main.wbx-unified .wbx-card,
  #main.wbx-unified .wbx-card-image img,
  #main.wbx-unified .wbx-cover-link::after {
    transition:none!important;
  }
}