/* WBX3 2026 | Cinematic editorial controls */
#main.wbx-unified .wbx-card {
  background:linear-gradient(155deg,#1d1f25,#111318)!important;
  border:1px solid #393c45!important;
  border-radius:11px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  transition:transform .22s,border-color .22s,box-shadow .22s!important;
}
#main.wbx-unified .wbx-card:hover {
  transform:translateY(-5px)!important;
  border-color:#858893!important;
  box-shadow:0 20px 44px rgba(0,0,0,.42)!important;
}
#main.wbx-unified .wbx-card.wbx-new {
  border-color:#c8102e!important;
  box-shadow:inset 0 3px #c8102e!important;
}
#main.wbx-unified .wbx-card-image {
  position:relative!important;
  background:#090a0d!important;
}
#main.wbx-unified .wbx-cover-link {
  display:flex!important;
  height:100%!important;
  width:100%!important;
  align-items:center!important;
  justify-content:center!important;
}
#main.wbx-unified .wbx-card-image::after {
  content:"";
  position:absolute;
  pointer-events:none;
  inset:auto 0 0;
  height:30%;
  background:linear-gradient(transparent,rgba(8,9,12,.45));
}
#main.wbx-unified .wbx-card-content {
  padding:19px!important;
}
#main.wbx-unified .wbx-card h2 {
  font-size:19px!important;
  line-height:1.23!important;
  letter-spacing:-.035em!important;
  font-weight:900!important;
  text-wrap:pretty;
}
#main.wbx-unified .wbx-headline-link {
  text-decoration:none!important;
  color:#f6f6f7!important;
}
#main.wbx-unified .wbx-headline-link:hover {
  color:#ff738a!important;
}
#main.wbx-unified .wbx27-actions {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin:auto 0 0!important;
  padding-top:15px!important;
  border-top:1px solid #393c45!important;
}
#main.wbx-unified .wbx27-actions > * {
  min-width:0!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:9px 5px!important;
  border:1px solid #434752!important;
  border-radius:6px!important;
  background:#242730!important;
  color:#f6f6f7!important;
  font:850 11px Archivo,Arial,sans-serif!important;
  letter-spacing:.025em!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:background .2s,border-color .2s!important;
}
#main.wbx-unified .wbx27-actions > *:hover {
  border-color:#c8102e!important;
  background:#37303b!important;
}
#main.wbx-unified .wbx27-actions .wbx27-listen {
  background:#c8102e!important;
  border-color:#c8102e!important;
}
#main.wbx-unified .wbx27-actions .wbx27-listen:hover {
  background:#a30d28!important;
}
#main.wbx-unified .wbx27-actions .wbx27-story:only-child {
  grid-column:1/-1!important;
}
#main.wbx-unified .wbx-card-players,
#main.wbx-unified .wbx-card-docs,
#main.wbx-unified .wbx-card-read,
#main.wbx-unified .wbx-play-cta,
#main.wbx-unified .wbx26-audio-toggle,
#main.wbx-unified .wbx-media-actions,
#main.wbx-unified .wbx-inline-audio,
#main.wbx-unified .wbx-doc-panel {
  display:none!important;
}
.wbx27-dock {
  position:fixed;
  z-index:2147483000;
  bottom:18px;
  left:50%;
  transform:translateX(-50%);
  width:min(720px,calc(100vw - 28px));
  padding:15px;
  border:1px solid #555963;
  border-top:3px solid #c8102e;
  border-radius:12px;
  background:#17191f;
  color:#f6f6f7;
  box-shadow:0 22px 80px rgba(0,0,0,.8);
  font-family:Archivo,Arial,sans-serif;
}
.wbx27-dock[hidden] {display:none!important}
.wbx27-docktop {
  display:flex;
  justify-content:space-between;
  align-items:start;
  gap:14px;
  margin-bottom:10px;
}
.wbx27-dock strong {
  font-size:13px;
  line-height:1.4;
}
.wbx27-dock button,
.wbx27-modal button {
  cursor:pointer;
  color:white;
  border:1px solid #515560;
  border-radius:5px;
  background:#272a32;
}
.wbx27-close {
  padding:7px 11px;
  flex-shrink:0;
}
.wbx27-dock audio {
  width:100%;
  height:39px;
}
.wbx27-parts {
  display:flex;
  gap:6px;
  margin:0 0 10px;
}
.wbx27-parts button {
  padding:7px 13px;
  font-size:12px;
}
.wbx27-parts button[aria-pressed=true],
.wbx27-tabs button[aria-pressed=true] {
  background:#c8102e;
  border-color:#c8102e;
}
.wbx27-modal {
  padding:0;
  width:min(1040px,calc(100vw - 26px));
  max-width:1040px;
  height:min(88vh,950px);
  max-height:88vh;
  background:#15171b;
  color:white;
  border:1px solid #555963;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 25px 95px #000;
}
.wbx27-modal::backdrop {
  background:rgba(0,0,0,.86);
  backdrop-filter:blur(7px);
}
.wbx27-modalhead {
  display:flex;
  gap:10px;
  justify-content:space-between;
  align-items:center;
  padding:13px 15px;
  border-bottom:1px solid #42454d;
}
.wbx27-modalhead strong {
  font:850 14px Archivo,Arial,sans-serif;
}
.wbx27-modalhead button {
  padding:8px 12px;
}
.wbx27-tabs {
  display:flex;
  gap:6px;
  padding:9px 14px;
  overflow-x:auto;
}
.wbx27-tabs button {
  flex-shrink:0;
  padding:8px 14px;
}
.wbx27-modal iframe {
  display:block;
  width:100%;
  height:calc(100% - 113px);
  border:0;
  background:white;
}
.wbx27-open {
  color:#f6f6f7;
  padding:8px;
  white-space:nowrap;
}
@media(max-width:680px) {
  #main.wbx-unified .wbx27-actions {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  #main.wbx-unified .wbx27-actions > * {
    font-size:10px!important;
  }
  .wbx27-modal iframe {height:calc(100% - 113px)}
}
@media(prefers-reduced-motion:reduce) {
  #main.wbx-unified .wbx-card {transition:none!important}
}