/* Unified editorial cards. The Dedication masthead, navigation and footer are untouched. */
html body .wbx-card-grid{
  align-items:stretch!important;
  gap:clamp(18px,2.25vw,28px)!important;
}
html body article.wbx-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #303847!important;
  border-radius:14px!important;
  background:#10151d!important;
  box-shadow:0 6px 24px rgba(0,0,0,.16);
}
html body .wbx-card .wbx-card-image{
  width:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#0a0e14!important;
}
html body .wbx-card .wbx-card-image a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:clamp(205px,21vw,285px)!important;
  overflow:hidden!important;
}
html body .wbx-card .wbx-card-image img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:none!important;
  border:0!important;
}
html body .wbx-card .wbx-card-content{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  gap:12px!important;
  padding:clamp(15px,2vw,21px)!important;
  min-width:0!important;
}
html body .wbx-card .wbx-card-meta{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  min-height:23px!important;
  padding:0!important;
  margin:0!important;
}
html body .wbx-card .wbx-new-label{
  margin:0!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  padding:6px 10px!important;
}
html body .wbx-card h2{
  font-size:clamp(17px,1.4vw,21px)!important;
  line-height:1.28!important;
  letter-spacing:-.017em!important;
  margin:0!important;
  overflow-wrap:anywhere!important;
}
html body .wbx-card h2 a{
  color:#f4f5f7!important;
  text-decoration:none!important;
}
html body .wbx-card h2 a:hover,
html body .wbx-card h2 a:focus-visible{
  text-decoration:underline!important;
  text-decoration-color:#de153b!important;
  text-underline-offset:4px!important;
}
html body .wbx43-card-audio{
  margin-top:auto!important;
  padding-top:14px!important;
  border-top:1px solid #303847!important;
  min-width:0!important;
}
html body .wbx43-audio-count{
  display:block!important;
  color:#ef4466!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  margin-bottom:9px!important;
}
html body .wbx43-clip{min-width:0!important;margin:0 0 10px!important}
html body .wbx43-clip p{
  color:#d8dde6!important;
  font-size:12px!important;
  line-height:1.4!important;
  margin:0 0 7px!important;
  overflow-wrap:anywhere!important;
}
html body .wbx43-clip audio{
  width:100%!important;
  max-width:100%!important;
  height:42px!important;
  display:block!important;
}
html body .wbx43-more-audio{
  margin-top:6px!important;
  border-top:1px solid #2a3240!important;
  padding-top:9px!important;
}
html body .wbx43-more-audio summary{
  color:#e5e8ed!important;
  cursor:pointer!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  padding:8px 0!important;
}
html body .wbx43-more-audio summary:hover{color:#ff607a!important}
html body .wbx43-more-tracks{padding-top:9px!important}
html body .wbx43-more-tracks .wbx43-clip+ .wbx43-clip{
  padding-top:10px!important;
  border-top:1px solid #2a3240!important;
}
@media(max-width:740px){
  html body .wbx-card .wbx-card-image a{height:clamp(195px,53vw,265px)!important}
  html body .wbx-card .wbx-card-content{gap:10px!important;padding:16px!important}
  html body .wbx-card h2{font-size:clamp(18px,4.7vw,22px)!important}
}

/* WBX3 2026: clear, restrained card interaction without changing evidence. */
html body article.wbx-card:focus-within {
  border-color: #e43b5b !important;
  box-shadow: 0 0 0 1px rgba(228,59,91,.2), 0 10px 30px rgba(0,0,0,.24) !important;
}
html body .wbx43-more-audio summary {
  min-height: 44px !important;
  padding: 12px 2px !important;
  line-height: 1.4 !important;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  html body article.wbx-card {
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  }
  html body article.wbx-card:hover {
    transform: translateY(-3px);
    border-color: #c83b56 !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.32) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html body article.wbx-card { transition: none !important; transform: none !important; }
}