/* A small shelf of covers: the selected page stays sharp, the next covers fan behind it. */
.feature-slider.has-cover-deck{--leaf-width:132px;--leaf-height:185px;--deck-width:194px;--deck-left:27px;--leaf-step:12px;container-type:inline-size}
.has-cover-deck .feature-cover-deck{position:absolute;left:var(--deck-left);top:50%;width:var(--deck-width);height:var(--leaf-height);transform:translateY(-54%);perspective:850px;isolation:isolate;direction:ltr}
.has-cover-deck .feature-cover-deck::before{content:"";position:absolute;inset:20% -12% -20%;pointer-events:none;background:radial-gradient(ellipse,#55cfea35,transparent 68%);filter:blur(12px)}
.has-cover-deck .feature-leaf{--depth:0;position:absolute;left:0;top:0;width:var(--leaf-width);height:var(--leaf-height);padding:0;border:1px solid #b9edf74d;border-radius:9px;background:#102b3c;transform-origin:10% 85%;
  transform:translate3d(calc(var(--depth)*var(--leaf-step)),calc(var(--depth)*-2px),calc(var(--depth)*-18px)) rotateY(-14deg) rotateZ(calc(var(--depth)*5deg - 3deg)) scale(calc(1 - var(--depth)*.055));
  opacity:calc(.82 - var(--depth)*.08);filter:brightness(.65) saturate(.8);box-shadow:none;transition:transform .72s cubic-bezier(.22,.7,.18,1),opacity .5s,filter .5s,border-color .3s;backface-visibility:hidden;-webkit-backface-visibility:hidden;cursor:pointer;touch-action:pan-y}
.has-cover-deck .feature-leaf[data-active="true"]{transform:translate3d(0,0,0) rotateY(0) rotateZ(-3deg);opacity:1;filter:brightness(1) saturate(1);border-color:#c2f1ff75;box-shadow:none}
.has-cover-deck .feature-leaf img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none;user-select:none}
.has-cover-deck .feature-leaf::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0004,transparent 5%,#ffffff0d 8%,transparent 18%,transparent 80%,#ffffff0b);box-shadow:inset 1px 0 0 #ffffff26}
.has-cover-deck .feature-leaf:focus-visible{outline:2px solid #9aeef9;outline-offset:4px}
[data-design="b"] .feature-slider.has-cover-deck:not(.branded-slide){background:radial-gradient(ellipse 42% 105% at 16% 57%,#28617e66,transparent 75%),radial-gradient(ellipse 50% 65% at 0 0,#52b6d61c,transparent 80%),linear-gradient(105deg,#0c293c,#081a29 58%,#06121f);border-color:#7cc9e533;box-shadow:0 14px 45px #0003,inset 0 1px 0 #caf3ff0c}
/* Match the pre-deck slider: 230px content on desktop and 210px on phones. */
[data-design="b"] .has-cover-deck #feature-content{min-height:230px;padding:25px 28px 36px;align-items:center}
[data-design="b"] .has-cover-deck .feature-copy{flex:0 1 auto;width:calc(100% - var(--deck-width) - var(--deck-left) - 28px);max-width:570px;margin-inline-end:0;gap:12px}
[data-design="b"] .has-cover-deck .feature-copy h1{font-size:clamp(19px,3cqw,28px);line-height:1.3;margin:0}
[data-design="b"] .has-cover-deck .feature-eyebrow,[data-design="b"] .has-cover-deck .feature-tags{margin:0}
.has-cover-deck .slider-controls{z-index:10}
.has-cover-deck .slide-dots button::after{transition:width .35s,background .35s,box-shadow .35s}
.has-cover-deck .slide-dots button[aria-current]::after{box-shadow:0 0 10px #7de7f54d}
@media(min-width:701px){
  .has-cover-deck .feature-cover-deck{left:max(var(--deck-left),calc(100% - 570px - 52px - var(--deck-width)))}
}
@media(max-width:700px){
  .feature-slider.has-cover-deck{--leaf-width:31cqw;--leaf-height:43.4cqw;--deck-width:44cqw;--deck-left:4.6cqw;--leaf-step:clamp(7px,3cqw,12px);min-height:210px}
  .has-cover-deck .feature-cover-deck{top:49%;height:var(--leaf-height);max-height:176px;transform:translateY(-50%)}
  .has-cover-deck .feature-leaf{max-height:176px;max-width:126px;border-radius:8px}
  [data-design="b"] .has-cover-deck #feature-content{min-height:210px;height:auto;padding:22px 3.8cqw 33px;align-items:stretch}
  [data-design="b"] .has-cover-deck .feature-copy{width:48cqw;max-width:48cqw;justify-content:space-between;gap:12px;min-height:155px}
  [data-design="b"] .has-cover-deck .feature-copy h1{font-size:4.35cqw;line-height:1.3}
  [data-design="b"] .has-cover-deck .feature-eyebrow{font-size:2.6cqw;gap:1.4cqw}
  [data-design="b"] .has-cover-deck .feature-tags{font-size:2.6cqw;gap:1.1cqw}
  [data-design="b"] .has-cover-deck .feature-tags span{padding:.5cqw 1.9cqw}
  [data-design="b"] .has-cover-deck .feature-copy .primary{min-height:32px;font-size:3.2cqw;padding:0 3.6cqw}
  [data-design="b"] .has-cover-deck .slider-controls{inset:auto 0 3px}
  [data-design="b"] .has-cover-deck .slide-dots button{width:26px;height:24px}
  [data-design="b"] .has-cover-deck .slide-dots button::after{width:4px;height:3px}
  [data-design="b"] .has-cover-deck .slide-dots button[aria-current]::after{width:16px}
}
@media(prefers-reduced-motion:reduce){
  .has-cover-deck .feature-leaf,.has-cover-deck .slide-dots button::after{transition:none}
}

/* Approved background 7: artwork cropped into slanted manhwa panels. */
[data-design="b"] .feature-slider.has-cover-deck.cover-panels:not(.branded-slide){background:#0a131d;box-shadow:inset 0 1px 0 #ffffff12}
.cover-panels .feature-cover-deck::before{display:none}
[data-design="b"] .feature-slider.cover-panels::after{background:none;box-shadow:none}
.feature-panel-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}
.feature-panel-scene>i{position:absolute;inset:0;pointer-events:none}
.feature-panel-scene .panel-art{background-image:var(--panel-art);background-size:cover;background-position:32% 27%;opacity:.08;filter:grayscale(1)}
.feature-panel-scene .panel-shard{inset:-6% auto -8% 6%;width:43%;background-image:linear-gradient(#080e1755,#080e1788),var(--panel-art);background-size:cover;background-position:30% 22%;clip-path:polygon(13% 0,100% 0,72% 100%,0 100%);filter:saturate(.6)}
.feature-panel-scene .shard-2{left:38%;width:28%;background-position:63% 10%;opacity:.45;clip-path:polygon(39% 0,100% 0,63% 100%,0 100%)}
.feature-panel-scene .shard-3{left:59%;width:13%;background-position:70% 36%;opacity:.19;clip-path:polygon(65% 0,100% 0,20% 100%,0 100%)}
.feature-panel-scene .panel-veil{background:linear-gradient(90deg,#070f1900 8%,#09121c00 45%,#09121ce0 72%,#09121c 90%),linear-gradient(0deg,#08121cc9,transparent 50%)}
.feature-panel-scene .panel-detail{left:36%;width:1px;right:auto;background:linear-gradient(transparent,#a4d6e080,#e5d6c45c,transparent);transform:skewX(-16deg);box-shadow:83px 0 0 #c8d6e41c}