/* Direct routes supplement the cinematic rooms; no text is placed over artwork. */
.quick-access{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px max(20px,var(--safe-right,0px)) 12px max(20px,var(--safe-left,0px));border-bottom:1px solid #bca57540;background:#151b14;color:#eee6d4}
.quick-access a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;border:1px solid #bca57580;background:#20271d;color:#f0e7d3;font-size:14px;line-height:1.45;text-decoration:none;text-align:center;word-break:keep-all;overflow-wrap:anywhere}
.quick-access a:hover,.quick-access a[aria-current=page]{background:#35402c;border-color:#e5ca90}
.quick-access a:focus-visible{outline:3px solid #f0e7d3;outline-offset:3px}
.quick-access .quick-continue{margin-left:auto;background:transparent}
.quick-access [hidden]{display:none!important}
html[data-scene-mode=true] #site-content>.quick-access{position:sticky;top:var(--archive-header-height);z-index:25}
html[data-scene-mode=true] .room-scroll-section{scroll-margin-top:calc(var(--archive-header-height) + var(--quick-access-height,68px) + 8px)}
@media(min-width:1100px){html[data-scene-mode=true] #site-content>.quick-access{margin-left:var(--room-sidebar-width,248px)}}
/* Readable Korean uses native system glyphs; English prose remains the original. */
html[lang=ko] body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;word-break:keep-all;overflow-wrap:break-word}
html[lang=ko] .study-heading h1,html[lang=ko] .room-scroll-preview h2{letter-spacing:-.035em;line-height:1.35}
.notebook-page .content-lead,.notebook-page .content-main p,.archive-notebook .design-notes p{line-height:1.85;font-size:15px}
.story-gate>.reading-storage-note{font-size:13px;line-height:1.8;max-width:540px;margin:15px auto;color:var(--muted)}
.story-gate .continue-story{margin:12px auto 0;display:flex;min-height:44px;white-space:normal;line-height:1.6}
.story-gate .continue-story[hidden]{display:none!important}
.story-gate .spoiler-warning p{font-size:14px;line-height:1.85}.story-gate .spoiler-warning h2{font-size:18px}
.story-gate .button{font-size:14px;line-height:1.6;white-space:normal}
.archive-notebook .chapter p{max-width:68ch;line-height:1.85}.chapter h2{overflow-wrap:break-word}
.episode-poster{aspect-ratio:9/16}
.episode-poster img{object-fit:contain;background:#0d110d;width:100%;height:100%;filter:none}
.episode-poster:hover img{transform:none}
@media(max-width:760px){
 .quick-access{gap:6px;padding:9px max(12px,var(--safe-right,0px)) 9px max(12px,var(--safe-left,0px))}
 .quick-access a{flex:1 1 0;min-width:0;padding:8px 6px;font-size:13px}
 .quick-access .quick-continue{flex-basis:100%;margin:0;min-height:44px}
 .archive-notebook .notebook-toolbar h2{font-size:20px;line-height:1.4}
 .archive-notebook .chapter p{font-size:var(--reader-text-size,18px);line-height:1.85}
 .archive-notebook .detail-text p,.archive-notebook .design-notes p{font-size:15px;line-height:1.8}
 .archive-notebook .toc a{font-size:13px;line-height:1.6;min-height:44px;display:flex;align-items:center}
 .archive-notebook #chapter-select{font-size:14px;min-height:44px}
 .archive-notebook .reader-options button{min-width:44px;min-height:44px;font-size:14px}
 .archive-notebook .chapter-footer{font-size:13px;line-height:1.6}
}