/* AP Stories Theme 4.54 — comic page chrome only.
   AP Stories Engine 4.74 is the sole T1 geometry / ART / text-fit authority. */

.ap-reader-page{
  --ap-comic-paper:#fffdf1;
  --ap-comic-ink:#151515;
  --ap-comic-blue:#1777ff;
}

.ap-reader-page .ap-reader-card-compact,
.ap-turn-v3-view #ap-turn-flipbook>.ap-turn-story-page,
.ap-turn-v3-view #ap-turn-flipbook .turn-page.ap-turn-story-page{
  background:var(--ap-comic-paper)!important;
  color:var(--ap-comic-ink)!important;
}

.ap-comic-masthead{
  height:44px!important;min-height:44px!important;padding:5px 10px!important;
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;gap:10px!important;background:#fff!important;color:#111!important;
  border:2px solid #252525!important;border-left-width:1px!important;border-right-width:1px!important;
  border-radius:0!important;box-shadow:0 2px 5px rgba(0,0,0,.18)!important;overflow:hidden!important;
}
.ap-comic-brand{display:inline-flex!important;align-items:baseline!important;gap:2px!important;white-space:nowrap!important;letter-spacing:-.055em!important;transform:skew(-7deg);}
.ap-comic-brand i{font:900 italic 16px/1 Arial Black,Impact,sans-serif!important;color:#0b0b0b!important;}
.ap-comic-brand b{font:900 italic 16px/1 Arial Black,Impact,sans-serif!important;color:var(--ap-comic-blue)!important;}
.ap-comic-brand-plain{font:900 13px/1 Inter,system-ui,sans-serif!important;letter-spacing:.04em!important;}
.ap-comic-bookline{min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important;padding-left:9px!important;border-left:1px solid #222!important;font:800 9px/1.15 Inter,system-ui,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ap-comic-bookline strong,.ap-comic-bookline em{font-style:normal!important;white-space:nowrap!important;}
.ap-comic-bookline em{color:#5d5d5d!important;font-weight:800!important;}
.ap-comic-bookline span{overflow:hidden!important;text-overflow:ellipsis!important;}
.ap-comic-pagecount{height:31px!important;min-width:54px!important;padding-left:9px!important;border-left:1px solid #222!important;display:grid!important;place-content:center!important;text-align:center!important;line-height:1!important;}
.ap-comic-pagecount strong{font:900 15px/1 Inter,system-ui,sans-serif!important;color:#111!important;}
.ap-comic-pagecount small{font:700 7px/1.1 Inter,system-ui,sans-serif!important;color:#555!important;margin-top:2px!important;}

.ap-reader-read-view .ap-reader-content,
.ap-turn-v3-view .ap-flip-content{background:var(--ap-comic-paper)!important;color:var(--ap-comic-ink)!important;}

@media(max-width:767px){
  .ap-comic-masthead{height:40px!important;min-height:40px!important;gap:6px!important;padding:4px 7px!important;}
  .ap-comic-brand i,.ap-comic-brand b{font-size:12px!important;}
  .ap-comic-bookline{font-size:7.5px!important;gap:4px!important;padding-left:6px!important;}
  .ap-comic-bookline em{display:none!important;}
  .ap-comic-pagecount{min-width:42px!important;height:28px!important;padding-left:6px!important;}
  .ap-comic-pagecount strong{font-size:12px!important;}
}

/* ========================================================================== 
   AP THEME 4.23 — LANGUAGE AUTHORITY
   READ and FLIP share one EN / VI / BI state. Local TRS is paragraph-only.
   ========================================================================== */
.ap-reader-page [data-story-lang][hidden]{display:none!important;}
.ap-reader-page [data-story-segment].is-bi-toggleable::after,
.ap-reader-page [data-story-segment].is-bi-expanded::after{display:none!important;content:none!important;}
.ap-reader-shell[data-reader-language="bi"] .apse-trs-toggle{display:none!important;}
.ap-reader-shell:not([data-reader-language="bi"]) .apse-trs-toggle{display:block;}

/* Explicit BI 4.42: softer EN, 2px tighter EN→VI gap, thin blue VI underline. */
.ap-reader-shell[data-reader-language="bi"] .ap-story-canvas.ap-t1-family [data-story-lang="en"]{
  display:block;font-size:14px!important;font-weight:650!important;font-style:normal!important;
  line-height:1.34!important;letter-spacing:0!important;color:#181a18!important;
}
.ap-reader-shell[data-reader-language="bi"] .ap-story-canvas.ap-t1-family [data-story-lang="vi"].ap-423-bi-secondary,
.ap-reader-shell[data-reader-language="bi"] .ap-story-canvas.ap-t1-family [data-story-lang="zh"].ap-423-bi-secondary{
  display:block!important;margin-top:1px!important;font-size:12px!important;font-weight:700!important;font-style:italic!important;
  line-height:1.30!important;letter-spacing:.012em!important;word-spacing:normal!important;color:#0b6668!important;opacity:1!important;
  text-decoration-line:underline!important;text-decoration-color:rgba(8,119,189,.48)!important;text-decoration-thickness:1px!important;text-underline-offset:1px!important;
}
/* Local globe translation in EN or VI mode uses the same secondary styling. */
.ap-reader-page .ap-story-canvas.ap-t1-family .ap-story-text.ap-423-local-trs,
.ap-reader-page .ap-story-canvas.ap-t1-family .ap-story-text.apse-trs-line{
  display:block!important;margin-top:3px!important;font-size:12px!important;font-weight:700!important;font-style:italic!important;
  line-height:1.30!important;letter-spacing:.012em!important;word-spacing:normal!important;color:#0b6668!important;opacity:1!important;
}
.ap-turn-v3-view .ap-story-canvas.ap-t1-family .ap-story-text.ap-423-local-trs,
.ap-turn-v3-view .ap-story-canvas.ap-t1-family .ap-story-text.ap-423-bi-secondary{
  font-size:12px!important;line-height:1.28!important;color:#0b6668!important;
}