/* ONE STAR STORIES — Static Comic Component v2.0 shared wrapper/brand layer. */
[data-comic-reader-frame] .static-comic-v2-open,
[data-comic-reader-frame] .static-comic-v2-close{
  box-sizing:border-box;
  width:min(calc(100% - 32px),980px);
  max-width:980px;
  aspect-ratio:16/9;
  min-height:0!important;
  margin-inline:auto;
  overflow:hidden;
  justify-content:flex-start;
  background:linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 100%);
  padding:clamp(.75rem,2vw,1.5rem) clamp(.85rem,2.5vw,1.8rem);
}
[data-comic-reader-frame] .static-comic-v2-open .comic-slate-topline,
[data-comic-reader-frame] .static-comic-v2-close .comic-slate-topline{
  text-align:center;
  color:var(--accent);
  font-size:clamp(.66rem,1.35vw,.9rem);
  letter-spacing:.06em;
}
[data-comic-reader-frame] .static-comic-v2-open .comic-slate-rule,
[data-comic-reader-frame] .static-comic-v2-close .comic-slate-rule{
  width:92%;margin:.35rem auto 0;
}
[data-comic-reader-frame] .static-comic-v2-open .comic-stars,
[data-comic-reader-frame] .static-comic-v2-close .comic-stars{
  margin:clamp(.55rem,1.8vw,1rem) 0 clamp(.45rem,1.4vw,.85rem)!important;
  font-size:clamp(1.15rem,3.2vw,2.25rem)!important;
  letter-spacing:.1em!important;
  color:#f4f5f2;
}
[data-comic-reader-frame] .comic-stars .filled{color:#ffc400}
[data-comic-reader-frame] .static-comic-v2-open h3,
[data-comic-reader-frame] .static-comic-v2-close h3{
  max-width:88%;margin:0 auto;
  font-size:clamp(1.25rem,4vw,2.65rem);
  line-height:1.02;
  text-wrap:balance;
}
[data-comic-reader-frame] .static-comic-v2-open .comic-gold-rule,
[data-comic-reader-frame] .static-comic-v2-close .comic-gold-rule{
  width:min(58%,460px);height:2px;margin:clamp(.45rem,1.5vw,.85rem) auto;background:#d6b437;
}
[data-comic-reader-frame] .static-comic-v2-open .comic-opening-hook{
  margin:clamp(.35rem,1.25vw,.7rem) auto 0;
  max-width:78%;
  color:#f2f2ee;
  font:400 clamp(.72rem,1.65vw,1.05rem)/1.25 Georgia,"Times New Roman",serif;
  text-wrap:balance;
}
[data-comic-reader-frame] .static-comic-v2-open .comic-opening-hook span{display:block}
[data-comic-reader-frame] .static-comic-v2-open .comic-opening-format{
  margin-top:auto;padding-top:clamp(.3rem,1vw,.55rem);
  color:var(--accent);font-size:clamp(.62rem,1.2vw,.82rem);letter-spacing:.06em;
}
[data-comic-reader-frame] .static-comic-v2-open .comic-opening-brand,
[data-comic-reader-frame] .static-comic-v2-close .comic-opening-brand{
  margin-top:clamp(.25rem,.8vw,.45rem)!important;padding:0!important;text-align:center;
}
[data-comic-reader-frame] .static-comic-v2-open .comic-opening-author,
[data-comic-reader-frame] .static-comic-v2-close .comic-opening-author{
  margin:0!important;font-size:clamp(.68rem,1.25vw,.9rem);font-weight:800;letter-spacing:.05em;
}
[data-comic-reader-frame] .static-comic-v2-open .comic-opening-site,
[data-comic-reader-frame] .static-comic-v2-close .comic-opening-site{
  margin-top:.12rem!important;color:#22b9ef;font-size:clamp(.62rem,1.15vw,.82rem);font-weight:700;
}
[data-comic-reader-frame] .static-comic-v2-close .comic-closing-actions{
  display:grid;grid-template-columns:1fr;gap:clamp(.1rem,.45vw,.25rem);
  width:min(90%,640px);margin:0 auto!important;text-align:center;
}
[data-comic-reader-frame] .static-comic-v2-close .comic-closing-actions .story-format-end-link{
  min-height:28px;padding:.12rem .35rem;justify-self:stretch;text-align:center;
  font-size:clamp(.61rem,1.18vw,.82rem);line-height:1.15;
}
[data-comic-reader-frame] .static-comic-v2-close .comic-closing-legal{
  margin-top:clamp(.3rem,1vw,.6rem)!important;
  text-align:center;font-size:clamp(.56rem,1vw,.72rem)!important;line-height:1.25;
}
[data-comic-reader-frame] .static-comic-v2-close .comic-closing-notice{margin-top:.12rem}
[data-comic-reader-frame] .static-comic-v2-close .comic-closing-legal .comic-opening-site{margin-top:.15rem!important}
[data-comic-reader-frame] .static-comic-v2-close .comic-closing-rule{
  width:min(72%,600px);height:1px;background:rgba(131,184,255,.75);margin:clamp(.25rem,.8vw,.45rem) auto 0;
}
[data-comic-reader-frame] .static-comic-v2-close .comic-closing-thanks{
  margin-top:clamp(.2rem,.65vw,.4rem)!important;
  font-family:"Times New Roman",Georgia,serif;font-size:clamp(.7rem,1.2vw,.9rem);text-align:center;
}
@media(max-width:720px){
  [data-comic-reader-frame] .static-comic-v2-open,
  [data-comic-reader-frame] .static-comic-v2-close{width:calc(100% - 24px);padding:.55rem .65rem}
  [data-comic-reader-frame] .static-comic-v2-open .comic-opening-hook{max-width:92%}
  [data-comic-reader-frame] .static-comic-v2-close .comic-closing-actions .story-format-end-link{min-height:24px}
}
@media(prefers-reduced-motion:reduce){
  [data-comic-reader-frame] .static-comic-v2-open *,
  [data-comic-reader-frame] .static-comic-v2-close *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
/* Accessibility override: on narrow screens, readability/tap targets take precedence over forcing the 16:9 desktop card height. */
@media(max-width:720px){
  [data-comic-reader-frame] .static-comic-v2-open,
  [data-comic-reader-frame] .static-comic-v2-close{
    aspect-ratio:auto;
    min-height:min(78vh,640px)!important;
    overflow:visible;
  }
  [data-comic-reader-frame] .static-comic-v2-open .comic-slate-topline,
  [data-comic-reader-frame] .static-comic-v2-close .comic-slate-topline{font-size:.75rem}
  [data-comic-reader-frame] .static-comic-v2-open h3,
  [data-comic-reader-frame] .static-comic-v2-close h3{font-size:clamp(1.45rem,7vw,2.1rem)}
  [data-comic-reader-frame] .static-comic-v2-open .comic-opening-hook{font-size:.88rem;line-height:1.35}
  [data-comic-reader-frame] .static-comic-v2-open .comic-opening-format,
  [data-comic-reader-frame] .static-comic-v2-open .comic-opening-author,
  [data-comic-reader-frame] .static-comic-v2-open .comic-opening-site,
  [data-comic-reader-frame] .static-comic-v2-close .comic-opening-author,
  [data-comic-reader-frame] .static-comic-v2-close .comic-opening-site{font-size:.75rem}
  [data-comic-reader-frame] .static-comic-v2-close .comic-closing-actions .story-format-end-link{min-height:44px;font-size:.76rem}
  [data-comic-reader-frame] .static-comic-v2-close .comic-closing-legal{font-size:.7rem!important;line-height:1.35}
  [data-comic-reader-frame] .static-comic-v2-close .comic-closing-thanks{font-size:.82rem}
}


/* Series-wide comic presentation + delivery normalization. Production art remains untouched. */
[data-comic-reader-frame] .comic-reader-page:not(.comic-reader-slate){
  box-sizing:border-box;
  width:min(100%,980px);
  margin-inline:auto;
  padding:clamp(.65rem,1.8vw,1rem);
  background:#07182c;
  border:1px solid rgba(131,184,255,.28);
  border-radius:18px;
  overflow:hidden;
}
[data-comic-reader-frame] .comic-reader-page-label{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:.75rem;
  margin:0 0 .7rem;
  padding:0 .1rem .55rem;
  border-bottom:1px solid rgba(131,184,255,.24);
}
[data-comic-reader-frame] .comic-reader-page-label h3{margin:.08rem 0 0}
[data-comic-reader-frame] .comic-panel-stack{display:grid;gap:clamp(.7rem,1.8vw,1.05rem)}
[data-comic-reader-frame] .comic-panel{
  overflow:hidden;
  margin:0;
  background:#07182c;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
}
[data-comic-reader-frame] .comic-panel img,
[data-comic-reader-frame] .comic-delivery-picture,
[data-comic-reader-frame] .comic-delivery-picture img,
[data-comic-reader-frame] .oss07-grouped-page-picture,
[data-comic-reader-frame] .oss07-grouped-page-image,
[data-comic-reader-frame] .oss08-grouped-page-image{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}
/* Only website-owned captions are styled here. OSS07/OSS08 captions remain baked in locked page assets. */
[data-comic-reader-frame] .comic-panel > figcaption{
  box-sizing:border-box;
  margin:0;
  padding:.8rem clamp(.8rem,2vw,1.1rem) .9rem;
  background:#07182c;
  color:#f4f5f2;
  font-family:"Times New Roman",Georgia,serif;
  font-size:clamp(.95rem,1.6vw,1.08rem);
  line-height:1.48;
  border-top:1px solid rgba(255,255,255,.08);
}
@media(max-width:720px){
  [data-comic-reader-frame] .comic-reader-page:not(.comic-reader-slate){padding:.55rem;border-radius:14px}
  [data-comic-reader-frame] .comic-reader-page-label{align-items:flex-start;flex-direction:column}
}