/* Native names let visitors choose a language without knowing Korean. */
.language-control{display:inline-flex;align-items:center;gap:7px;padding-left:16px;border-left:1px solid var(--line);font:12px/1.4 var(--sans);color:var(--muted);white-space:nowrap}
.language-control select{font:13px/1.4 var(--sans);color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:3px;min-height:36px;max-width:110px;padding:6px 8px;cursor:pointer}
.language-control select:focus-visible{outline:2px solid var(--rust);outline-offset:3px}
body .topbar .nav,body .top .topnav{align-items:center;flex-wrap:wrap;gap:22px}
html[lang="en"] .hero h1,html[lang="ja"] .hero h1{white-space:normal}
html[lang="en"] .hero-actions .button{white-space:normal;text-align:center;line-height:1.35;padding:7px 10px}
html[lang="en"] .storydate,html[lang="ja"] .storydate{overflow-wrap:anywhere}
html[lang="en"] .platform-grid .platform-card b{font-size:9px}
html[lang="ja"]{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
@media(max-width:850px){body .topbar,body .top{flex-wrap:wrap;gap:14px;padding:18px 0}body .topbar .nav,body .top .topnav{gap:16px;font-size:14px}.language-control{padding-left:12px}.language-control span{display:none}}
@media(max-width:540px){body .topbar .nav,body .top .topnav{width:100%;justify-content:flex-start;gap:14px}body .top .topnav a:nth-child(2){display:inline}.language-control{margin-left:auto;padding-left:10px}.language-control select{min-height:40px;max-width:100px}}
/* Shared layout safeguards for languages with longer words and labels. */
.language-control select{max-width:155px}
html:not([lang="ko"]) .hero h1{white-space:normal}
.storydate{overflow-wrap:anywhere}
body .button{box-sizing:border-box;max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}
body .hero .hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:500px;align-items:stretch}
body .hero .hero-actions .button{min-width:0;white-space:normal;line-height:1.35;padding:8px 7px}
body .review-card blockquote,body .review-card p{overflow-wrap:anywhere}
html[lang="th"] p,html[lang="th"] h2,html[lang="th"] h3{word-break:normal}
@media(max-width:540px){.language-control select{max-width:145px}body .hero .hero-actions .button{font-size:11px;padding:7px 5px}}
/* CJK text must wrap naturally inside the support banner and artist heading. */
body .donation>div{min-width:0}
html[lang="ja"] h1,html[lang="ja"] h2,html[lang="ja"] h3,html[lang="ja"] p,
html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3,html[lang^="zh"] p{word-break:normal;overflow-wrap:anywhere}
body .artist-question{white-space:normal;overflow-wrap:anywhere}
html[lang="ja"] blockquote,html[lang^="zh"] blockquote{word-break:normal}
