/* YEOKJU mobile-first continuous guardian story — 2026-10-30.
   Scoped to the eleven temple dialogs. Does not touch engines, payments or PDF. */
@media screen {
 #yeokjuTempleAtlas .s-dialog{overflow-x:hidden}
 #yeokjuTempleAtlas .s-dialog-content,
 #yeokjuTempleAtlas .s-guide,
 #yeokjuTempleAtlas .s-chronicle,
 #yeokjuTempleAtlas .s-chron-track{width:100%;max-width:100%;box-sizing:border-box}
 #yeokjuTempleAtlas .s-chron-opening.is-story-opening,
 #yeokjuTempleAtlas .s-chron-opening.is-story-opening>.s-chron-cover,
 #yeokjuTempleAtlas .s-chron-opening.is-story-opening+.s-chron-track{border:0!important;border-radius:0!important}
}
@media screen and (max-width:680px){
 /* A single phone-width canvas: no desktop-style outer margins or clipping. */
 #yeokjuTempleAtlas .s-dialog{padding:0!important}
 #yeokjuTempleAtlas .s-detail-hero,
 #yeokjuTempleAtlas .s-guide,
 #yeokjuTempleAtlas .s-chronicle,
 #yeokjuTempleAtlas .s-chron-opening,
 #yeokjuTempleAtlas .s-chron-cover,
 #yeokjuTempleAtlas .s-chron-scene{margin-inline:0!important;max-width:none!important;width:100%!important}
 /* The guardian's quote belongs to the portrait, not an isolated black slab. */
 #yeokjuTempleAtlas .s-guide{background:#07121e!important;overflow:visible!important;border:0!important}
 #yeokjuTempleAtlas .s-guide-portrait{aspect-ratio:2/3;overflow:hidden}
 #yeokjuTempleAtlas .s-guide-portrait .s-guide-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
 #yeokjuTempleAtlas .s-guide-portrait:after{background:linear-gradient(180deg,transparent 28%,#06111b66 53%,#06111bed 79%,#07121e 100%)!important;inset:0!important}
 #yeokjuTempleAtlas .s-guide-heading{bottom:26px!important;padding:20px 20px 16px!important}
 #yeokjuTempleAtlas .s-guide-words{
  position:relative!important;z-index:3!important;
  margin:-2px 0 0!important;min-height:0!important;
  padding:18px 20px 28px!important;
  border:0!important;box-shadow:none!important;
  background:linear-gradient(180deg,#07121e,#081522)!important;
 }
 #yeokjuTempleAtlas .s-guide blockquote.s-guide-quote{font-size:clamp(16px,4.2vw,19px)!important;line-height:1.84!important}
 /* Remove the jarring seam at the start of every one of the 16-scene stories. */
 #yeokjuTempleAtlas .s-chron-opening.is-story-opening{overflow:visible!important;background:#081522!important}
 #yeokjuTempleAtlas .s-chron-opening.is-story-opening>.s-chron-cover{
  overflow:hidden!important;min-height:0!important;height:auto!important;
  aspect-ratio:auto!important;
 }
 #yeokjuTempleAtlas .s-chron-cover-world{background-position:center top!important;background-repeat:no-repeat!important}
 #yeokjuTempleAtlas .s-chron-cover-person{object-position:center top!important}
 #yeokjuTempleAtlas .s-chron-opening.is-story-opening+.s-chron-track{margin:0!important;padding:0!important;background:#081522!important}
 #yeokjuTempleAtlas .s-chron-scene{
  box-sizing:border-box!important;overflow:visible!important;
  min-height:0!important;padding:0 0 50px!important;
  display:flex!important;flex-direction:column!important;
  background:#081522!important;
 }
 /* Image has its own natural portrait canvas; narration follows underneath it.
    This stops an absolute background from being cropped at a fixed viewport edge. */
 #yeokjuTempleAtlas .s-chron-scene-sky{
  position:relative!important;inset:auto!important;z-index:0!important;
  width:100%!important;height:auto!important;aspect-ratio:2/3!important;
  flex:none!important;overflow:hidden!important;
  background:#081522!important;
 }
 #yeokjuTempleAtlas .s-chron-scene-art{
  position:absolute!important;inset:0!important;transform:none!important;
  background-position:center top!important;background-size:contain!important;
  background-repeat:no-repeat!important;opacity:.83!important;
  filter:none!important;mask-image:none!important;-webkit-mask-image:none!important;
 }
 #yeokjuTempleAtlas .s-chron-scene:before{display:none!important}
 #yeokjuTempleAtlas .s-chron-scene-content{
  width:100%!important;max-width:none!important;
  position:relative!important;margin:-12px 0 0!important;z-index:2!important;
  padding:24px 20px 20px!important;
  background:linear-gradient(180deg,#081522ec,#081522 24%)!important;
 }
 #yeokjuTempleAtlas .s-chron-line{max-width:100%!important}
 #yeokjuTempleAtlas .s-chron-scene:first-child .s-chron-act--inline{margin:0 0 16px!important}
 #yeokjuTempleAtlas .s-chron-title,
 #yeokjuTempleAtlas .s-chron-narration,
 #yeokjuTempleAtlas .s-chron-utterance{overflow-wrap:break-word;word-break:keep-all}
}
@media screen and (max-width:360px){
 #yeokjuTempleAtlas .s-guide-heading{padding-inline:16px!important}
 #yeokjuTempleAtlas .s-guide-words,
 #yeokjuTempleAtlas .s-chron-scene-content{padding-inline:16px!important}
}