.language-control{position:relative;display:flex;width:max-content;max-width:100%;margin:12px 0 16px auto;align-items:center;gap:8px;padding:7px 10px;border:1px solid #7b8c9b;border-radius:8px;background:#0c1726f5;color:#f4f0e5;box-shadow:0 3px 14px #0005;font:14px/1.4 system-ui,sans-serif;letter-spacing:0}.language-control select{font:inherit;background:#152638;color:#fff;border:1px solid #8196a6;border-radius:5px;min-height:36px;max-width:160px;padding:5px}.language-control select:focus-visible{outline:2px solid #e8d79c;outline-offset:2px}.translation-notice{position:fixed;left:12px;right:12px;bottom:80px;z-index:1900;max-width:600px;margin:auto;background:#14273a;color:#fff;border:1px solid #b9a876;border-radius:8px;padding:14px;font:16px/1.6 system-ui,sans-serif}.translation-notice[hidden]{display:none}.translation-notice button{margin:8px;min-height:40px}html[data-locale]:not([data-locale="ja"]) body{font-family:Georgia,"Noto Serif KR","Noto Serif SC",serif;letter-spacing:normal}html[data-locale="ko"] body{word-break:keep-all;overflow-wrap:anywhere}html[data-locale="en"] .story-prose,html[data-locale="en"] .dialogue-bubble p{word-break:normal;overflow-wrap:anywhere}html[data-locale]:not([data-locale="ja"]) rt,html[data-locale]:not([data-locale="ja"]) rp{display:none}html[data-locale]:not([data-locale="ja"]) button,html[data-locale]:not([data-locale="ja"]) label{letter-spacing:normal;white-space:normal}@media(max-width:480px){.language-control{margin-right:0}.language-control label{font-size:12px}}@media print{.language-control,.translation-notice{display:none!important}}

.card-translation-link{display:block;width:fit-content;max-width:100%;margin:12px 0;padding:10px 14px;border:1px solid #8b9cab;border-radius:6px;background:#112235;color:#efdda9;font:14px/1.6 system-ui,sans-serif;text-decoration:underline;overflow-wrap:anywhere}.card-translation-link:focus-visible{outline:2px solid #efdda9;outline-offset:3px}

html[data-locale]:not([data-locale="ja"]) body.reading-compact[data-view] #commonReader #readingTabs.tiered-reading-nav.phase-reading-nav .reading-stage-row button.reading-stage-tab,html[data-locale]:not([data-locale="ja"]) body.reading-compact[data-view] #commonReader #readingTabs.tiered-reading-nav.phase-reading-nav .reading-stage-row button.reading-stage-tab b{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-overflow:clip!important;height:auto!important;max-height:none!important;min-height:40px!important}

/* Keep the introduction navigation and language selector in separate rows. */
header.intro-header{position:relative;align-items:center;gap:16px;flex-wrap:wrap}
header.intro-header + main > .language-control{margin:0 5vw 16px auto;max-width:90vw}