@font-face{font-family:'Noto Sans Thai';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/noto-sans-thai/font.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Myanmar';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/noto-sans-myanmar/font.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Khmer';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/noto-sans-khmer/font.woff2') format('woff2')}
@font-face{font-family:'Noto Sans Lao';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/noto-sans-lao/font.woff2') format('woff2')}

.header-controls{display:flex;align-items:center;gap:20px;min-width:0}
.language-control{display:flex;align-items:center;font-size:11px}
.language-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.language-control select{font:inherit;color:var(--gold);background:#101715;border:1px solid var(--line);border-radius:0;min-height:44px;width:136px;max-width:100%;padding:8px;cursor:pointer}
.language-control select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.language-error{position:absolute;right:0;top:100%;max-width:320px;background:#101715;padding:12px;font-size:12px;color:var(--gold);line-height:1.7}
.hero h1 .hero-title-first{display:inline;color:inherit;margin:0}
.sutra-language-note{font-size:10px!important;color:var(--muted)!important;margin-top:18px}

/* Keep connected scripts intact; the Chinese display font covers only a subset. */
html:lang(th),option:lang(th){--reading-font:'Noto Sans Thai',sans-serif;font-family:var(--reading-font)}
html:lang(my),option:lang(my){--reading-font:'Noto Sans Myanmar',sans-serif;font-family:var(--reading-font)}
html:lang(km),option:lang(km){--reading-font:'Noto Sans Khmer',sans-serif;font-family:var(--reading-font)}
html:lang(lo),option:lang(lo){--reading-font:'Noto Sans Lao',sans-serif;font-family:var(--reading-font)}
html:lang(ja){--reading-font:'Noto Serif CJK JP','Hiragino Mincho ProN','Yu Mincho',serif}
html:lang(ko){--reading-font:'Noto Serif CJK KR','AppleMyungjo','Batang',serif}
html:not(:lang(zh)) :is(h1,h2,.hero .eyebrow,.vertical-note>span,.chapter-aside,.release-dialog textarea,.release-words){font-family:var(--reading-font,Georgia,serif)}
html:not(:lang(zh)) :is(.site-mark__wordmark small,.site-nav,.sound-control,.hero .eyebrow,.hero h1,.hero-lede,.button,.inline-action,.chapter h2,.chapter p,.hero-bottom,.hero-caption,.site-footer,.explore-toolbar>span,.muyu-heading,.muyu-dialog h2,.merit-label,.muyu-feedback,.lotus-progress,.release-heading,.release-dialog h2,.release-dialog label,.release-guide,.release-dialog textarea){letter-spacing:normal}
html:not(:lang(zh)) .site-mark__wordmark small{max-width:160px;line-height:1.5}
html:not(:lang(zh)) .hero-copy{max-width:min(38vw,440px)}
html:not(:lang(zh)) .hero h1{font-size:clamp(28px,3vw,44px);line-height:1.5}
html:not(:lang(zh)) .hero-actions{max-width:290px}
html:not(:lang(zh)) .button{height:auto;min-height:44px;white-space:normal;padding-top:10px;padding-bottom:10px;line-height:1.6}
html:not(:lang(zh)) .hero-actions .button-primary{max-width:100%}
html:not(:lang(zh)) :is(.hero-lede,.chapter p,.release-guide,.muyu-hint){line-height:1.9}
html:not(:lang(zh)) :is(.vertical-note,.chapter-aside){writing-mode:horizontal-tb;max-width:220px;line-height:1.8;letter-spacing:normal;text-align:right}
html:not(:lang(zh)) .vertical-note{flex-direction:column;align-items:flex-end}
html:not(:lang(zh)) .vertical-note>span{letter-spacing:normal}
html:not(:lang(zh)) .chapter-aside{bottom:70px}
html:not(:lang(zh)) .site-footer{column-gap:24px}
.lotus-actions,.release-ending,.release-controls{flex-wrap:wrap}
.lotus-actions .button{min-width:0}
.muyu-heading>span,.release-heading>span{min-width:0;line-height:1.8;text-align:start}
.muyu-heading button,.release-heading button{flex-shrink:0}
.release-footer>span{line-height:1.8}
.release-footer button{flex-shrink:0}
html:is(:lang(th),:lang(my),:lang(km),:lang(lo)) :is(.lotus-intro,.lotus-note,.lotus-progress,.merit-storage,.muyu-hint){letter-spacing:normal}

@media(max-width:1000px){.site-nav{display:none}.header-controls{gap:12px}}
@media(max-width:600px){
 .header-controls{gap:8px}.language-control select{width:116px;font-size:11px}.sound-control{min-width:36px;min-height:44px;justify-content:center}
 .sound-control [data-sound-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html:not(:lang(zh)) .site-mark__wordmark small{max-width:110px;font-size:9px}
 html:not(:lang(zh)) .hero{min-height:max(100dvh,700px)}
 html:not(:lang(zh)) .hero-copy{max-width:none;bottom:80px}
 html:not(:lang(zh)) .hero h1{font-size:25px;line-height:1.5}
 html:not(:lang(zh)) .hero h1 span{display:block;margin:0}
 html:not(:lang(zh)) .hero h1 .hero-title-first{display:block}
 html:not(:lang(zh)) .hero-actions{max-width:none;gap:6px 10px}
 html:not(:lang(zh)) .vertical-note{max-width:140px;top:20%;font-size:9px}
 html:not(:lang(zh)) .hero-bottom__center{display:none}
 html:not(:lang(zh)) .hero-bottom{gap:12px;line-height:1.7}
 html:not(:lang(zh)) .motion-control{flex-shrink:0;max-width:40%;align-items:center}
 html:not(:lang(zh)) .sutra-copy{width:100%}
 html:not(:lang(zh)) .sutra-verse{opacity:.35}
 .explore-actions{max-width:55vw}.explore-actions button{overflow-wrap:break-word;line-height:1.5}
 .release-dialog h2,.lotus-panel h2{overflow-wrap:break-word}
 .release-ending .button{max-width:100%}.release-controls{gap:12px}
}
@media(max-width:360px){.site-mark{gap:8px}.site-mark__glyph{width:35px;height:39px;font-size:28px}.site-mark__wordmark{font-size:12px}.language-control select{width:106px}.header-controls{gap:2px}}