.language-control{display:inline-flex;align-items:center;flex-shrink:0;min-width:0}.language-control select{font-family:var(--sans),sans-serif;font-size:18px;line-height:1.4;color:#f2dfb0;background:#172a23e8;border:1px solid #a49b6470;border-radius:22px;padding:9px 26px 9px 13px;max-width:150px;min-height:40px;cursor:pointer}.language-control option{background:#182c23;color:#fff3d5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{gap:20px}.site-header nav{flex-wrap:wrap;justify-content:center;min-width:0}.language-dock{position:fixed;right:16px;top:14px;z-index:55}.language-dock[hidden]{display:none}.dialog-header,.character-dialog-header{flex-wrap:wrap;gap:12px}.dialog-header>div:first-child{flex:1;min-width:0}.dialog-header .language-control{margin-left:auto}.character-dialog-header .language-control{margin-left:auto}.character-dialog-header>span:first-child{flex:1;min-width:0}.character-dialog-header .content-tag{display:none}html:lang(ko){word-break:keep-all}.hero-copy h1,.row-copy h3,.section-intro h2{overflow-wrap:anywhere}.chapter-nav a{min-width:0}.scene-meaning-text,.card-word+.card-meaning,.character-card strong{overflow-wrap:anywhere}.playback-row,.playback-actions,.timeline-labels{flex-wrap:wrap}.lesson-pagination{flex-wrap:wrap}.dialog-header h2{overflow-wrap:anywhere}@media(max-width:760px){.site-header{gap:10px;padding-inline:20px}.language-control select{font-size:18px;width:116px;padding:8px 18px 8px 10px;min-height:44px}.collection-button>span:nth-of-type(1){display:none}.collection-button{flex-shrink:0}.site-header .brand small{display:none}.site-header .brand{font-size:20px;gap:7px}.site-header .brand-seal{width:30px;height:36px;font-size:25px}.hero-copy h1{font-size:clamp(30px,8vw,44px)}.hero-copy h1 br:nth-of-type(2){display:inline}.character-dialog-header{gap:8px}.character-dialog-header .language-control{order:2}.character-dialog-header>.round-button{order:3}.character-dialog-header>span:first-child{font-size:18px;flex-basis:100%}.dialog-header .language-control{order:2;margin-left:0}.dialog-header .round-button{order:1}.dialog-header>div:first-child{flex-basis:70%}.tree-counts,.choice-pills,.component-choices{flex-wrap:wrap}.stage-caption strong{font-size:clamp(15px,4.5vw,19px)}.scene-topline{gap:10px;line-height:1.5}.site-footer{gap:22px}.scene-bottom .button,.principle-controls .button{white-space:normal}}@media(max-width:360px){.site-header{padding-inline:14px;gap:7px}.site-header .brand{font-size:18px}.language-control select{width:110px}.hero-body{padding-top:124px}.hero-copy h1{font-size:30px}.dialog-header h2{font-size:28px}}
/* One readable minimum and a native selector that matches the page. */
body{font-size:18px}button,input,select,textarea{font-size:18px}p{line-height:1.75}.eyebrow{font-size:18px;letter-spacing:1.4px;line-height:1.6;flex-wrap:wrap}.quiet,.sources,.source-note,.animation-step,.scene-explanation,.row-copy>p,.row-copy small{font-size:18px;line-height:1.75}.row-copy .text-button{font-size:18px}.row-copy{padding:45px clamp(26px,4vw,70px)}.button{font-size:18px;min-height:48px;line-height:1.5;white-space:normal}.text-button{font-size:18px;line-height:1.6;min-height:44px}.stage-caption p{font-size:18px;line-height:1.6}.stage-caption strong{font-size:23px;line-height:1.3}.scene-topline{line-height:1.6}.cinema-topline{line-height:1.6}.stage-caption{max-width:85%}.story-picker{max-width:100%;gap:22px}.hero-bottom{flex-wrap:wrap}.scroll-cue{font-size:18px}.section-intro>p{font-size:21px;line-height:1.8}.component-labels{font-size:18px;line-height:1.5;gap:15px}.scene-explanation{max-width:580px}.hero-copy>p{font-size:21px;line-height:1.7}.scene-definition .pinyin{font-size:18px}.scene-definition .round-button{font-size:18px}.reference-line,#point-stem,#point-mark{stroke-linecap:round}.character-card-top{line-height:1.5;gap:7px;flex-wrap:wrap}.character-card strong{font-size:20px}.character-card small{font-size:18px;line-height:1.5}.card-word{font-size:30px}.set-hero p{font-size:20px}.content-tag{font-size:18px}.language-control{position:relative}.language-control select{appearance:none;-webkit-appearance:none;background:#193025;color:#efd69a;border-color:#b8a56b;box-shadow:none;font-size:18px;min-height:46px;width:150px;max-width:100%;padding:11px 36px 11px 16px;line-height:1.35;cursor:pointer}.language-control:after{content:'';position:absolute;right:16px;top:50%;width:7px;height:7px;border-right:2px solid #dec58a;border-bottom:2px solid #dec58a;transform:translateY(-70%) rotate(45deg);pointer-events:none}.language-control option{color:#efdba7;background:#183026;font-size:18px}.language-control select:hover{background:#28422e;border-color:#ead297}.language-control select:focus-visible{outline:2px solid #f0d394;outline-offset:3px}.language-dock{top:16px;right:16px}.language-dock select{background:#14291ff5;box-shadow:0 6px 25px #07150f55}.site-header{gap:18px}.site-header nav{gap:18px}.site-header nav a{font-size:18px;line-height:1.4}.site-header .brand small{font-size:18px;letter-spacing:1px}.site-header .brand{font-size:24px}.site-header .collection-button{font-size:18px}.scene-topline>span:last-child{font-size:18px;letter-spacing:1px}select:not([data-language-select]){appearance:none;-webkit-appearance:none;color:#ead8ab;background-color:#193026;border:1px solid #72875c;padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,#dfc98d 50%),linear-gradient(135deg,#dfc98d 50%,transparent 50%);background-size:6px 6px,6px 6px;background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-repeat:no-repeat}select:not([data-language-select]) option{color:#ecdcae;background:#193026}.analytics-feedback p,.analytics-feedback label,.analytics-dialog p,.analytics-role-label,.analytics-qa-label,.analytics-banner p{font-size:18px;line-height:1.65}.analytics-feedback button{font-size:18px}.loan-origin-label,.loan-transfer-mark small,.loan-destination small,.relation-root>span,.relation-word small,.interpretation-badge{font-size:18px!important;letter-spacing:.5px;line-height:1.5}.relation-root strong,.relation-word>b,.loan-origin strong{font-size:19px}.loan-origin-label{max-width:100%;text-align:center}.six-principles-note p{font-size:18px}.learning-count,.learning-count small{font-size:18px}.chapter-nav a{font-size:18px}.chapter-nav a b{font-size:28px}.story-picker button>span:last-child{font-size:18px}.toast{font-size:18px;line-height:1.5}.lesson-pagination{gap:16px}.lesson-pagination button{font-size:18px}.component-detail{font-size:18px;line-height:1.7}.character-dialog-header>span:first-child{font-size:18px}.sources{line-height:1.7}.sources summary{font-size:18px}
@media(max-width:1250px){.site-header .brand small{display:none}.site-header nav{gap:12px}.site-header .collection-button>span:nth-of-type(1){display:none}}
@media(max-width:1000px){.site-header:not(.course-header) nav{display:none}.hero-body{padding-top:135px}.hero-copy h1{font-size:clamp(38px,6vw,60px)}.story-picker{flex-wrap:wrap;overflow:visible}.hero-bottom{position:relative;inset:auto;padding:20px 0 35px}.hero .wrap{max-width:calc(100% - 40px)}.cinema-topline{flex-wrap:wrap;gap:8px}.scene-topline{flex-wrap:wrap;gap:8px}.scene-topline>span:last-child{font-size:18px}.hero{min-height:100svh}.hero-copy>p{font-size:20px}.hero-copy .eyebrow{font-size:18px}.hero-body{padding-bottom:30px}.scene-bottom{left:24px;right:24px}.row-copy .result-word{flex-wrap:wrap}}
@media(max-width:760px){.site-header{padding:18px 20px}.site-header .brand{font-size:23px}.language-control select{width:135px;min-height:46px;padding-left:12px}.language-control:after{right:13px}.hero-body{padding-top:125px}.hero-copy h1{font-size:38px}.hero-copy .eyebrow>span[lang]{font-size:24px}.hero-copy>p{font-size:20px}.hero-copy small{font-size:18px}.cinema-topline>span:last-child{font-size:18px}.cinema-viewer .drawing-stage{height:340px}.stage-caption{max-width:92%;padding:14px}.stage-caption p{font-size:18px;max-width:none}.stage-caption strong{font-size:23px}.hero-bottom{padding-bottom:35px}.story-picker button{min-height:70px}.story-picker{gap:16px}.scroll-cue{font-size:18px}.row-copy{padding:38px 24px}.row-copy h3{font-size:38px}.row-copy>p,.row-copy small{font-size:18px}.scene-meaning-text{font-size:20px}.scene-explanation{font-size:18px!important;line-height:1.7!important;padding:15px}.scene-definition-copy{max-width:none}.picture-experiment,.point-experiment{min-height:850px}.sound-experiment{min-height:1080px}.forest-experiment{min-height:980px}.loan-experiment,.related-experiment{min-height:1050px}.component-labels{font-size:18px;gap:8px;line-height:1.5}.component-choices button,.tree-counts button,.point-experiment .choice-pills button,.picture-choices button{font-size:18px;min-height:58px;line-height:1.5}.picture-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.picture-lesson-controls{left:20px;right:20px}.tree-assembly{margin-top:-370px}.sound-display{margin-top:-500px}.point-experiment svg{margin-top:-330px}.rest-assembly{margin-top:-390px}#picture-art{margin-top:-315px}.scene-topline{left:22px;right:22px;top:22px}.scene-topline b{font-size:30px}.loan-stage{margin-top:-470px;height:320px}.loan-origin svg{width:75px}.loan-transfer-mark{top:185px}.loan-new-word{font-size:24px}.loan-destination{top:70px;width:35%;padding:14px 8px}.loan-origin-label,.loan-transfer-mark small,.loan-destination small{white-space:normal}.relation-map{margin-top:-380px}.relation-root>span{font-size:18px}.relation-root strong{font-size:20px}.relation-word>b{font-size:18px}.relation-word small{font-size:18px}.interpretation-badge{top:90px}.relation-words{gap:16px}.relation-word{min-width:0;width:46%;padding-inline:4px}.character-card{padding:22px 16px}.character-card-top{font-size:18px}.character-card small{font-size:18px}.character-card strong{font-size:20px}.catalogue-toolbar{align-items:stretch}.catalogue-toolbar label{min-width:0}.section-intro h2{font-size:38px}.section-intro>p{font-size:20px}.chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-nav a{font-size:18px;padding:20px 10px}.quiz-options{gap:10px}.quiz-options button small{font-size:18px}.quiz-options button{min-height:140px}.sources{font-size:18px}.character-dialog-header{padding:18px 20px}.character-dialog-header>span:first-child{font-size:18px}.character-dialog .lesson-main{padding:24px}.lesson-story-link,.variant-note{font-size:18px}.word-example{flex-wrap:wrap}.word-example strong{font-size:21px}.library-stats{gap:18px}.library-stats span{font-size:18px}}
@media(max-width:360px){.site-header{padding-inline:14px;gap:9px}.site-header .brand{font-size:20px}.language-control select{width:122px}.site-header .brand-seal{display:none}.hero-copy h1{font-size:36px}.hero .wrap{max-width:calc(100% - 32px)}.component-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-experiment{min-height:1200px}.sound-display{margin-top:-600px}.loan-transfer-mark>span{font-size:80px}.loan-new-word{font-size:22px}.loan-stage{width:96%}}
.analytics-feedback select,.analytics-dialog select{min-width:0;max-width:100%;width:100%}.analytics-feedback label,.analytics-dialog label{min-width:0;max-width:100%}
.analytics-feedback{color:#d9e1cf}.analytics-feedback p,.analytics-feedback label{color:#c9d6bd}.analytics-feedback-buttons button{color:#ecd49a;border-color:#8e9e73}.analytics-feedback #analytics-feedback-note{color:#bdcdb1}
@media(max-width:760px){.site-header:not(.course-header){gap:10px}.site-header:not(.course-header) .brand-seal{display:none}.site-header:not(.course-header) .brand{font-size:22px}.site-header:not(.course-header) .language-control select{width:130px}.site-header:not(.course-header) .collection-button{padding:0;gap:5px;min-width:44px}.site-header:not(.course-header) .collection-button>svg{width:17px;flex-shrink:0}}
@media(max-width:360px){.site-header:not(.course-header) .brand{font-size:20px}.site-header:not(.course-header) .language-control select{width:115px;padding-left:10px}.site-header:not(.course-header){gap:8px}}
.site-footer>div{max-width:100%}.site-footer .brand{max-width:100%;white-space:normal}.site-footer .brand>span:last-child{min-width:0}.site-footer .brand small{white-space:normal;letter-spacing:.6px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:760px){.site-header{flex-wrap:wrap}.language-control select{min-width:128px}}
.sound-display{width:calc(100% - 40px);max-width:650px;min-width:0}.component-labels{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.component-labels>span{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.sound-equation{font-size:clamp(56px,18vw,105px);gap:4px}.component-labels{gap:8px}}