:root{color:#20352c;font-synthesis:none;--ink:#142b20;--green:#2e503d;--muted:#7b807a;--line:#e3e3dc;--wash:#ebeee5;--ease:cubic-bezier(.2, .7, .2, 1);background:#faf9f6;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:wait;opacity:.65}a{color:inherit}button,select,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #4a785c}button{transition:background .16s,color .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}button:hover{color:#173e29}p{margin:0 0 12px;line-height:1.75}h1,h2,h3{color:var(--ink);margin:0}h1{letter-spacing:-1.5px;font-family:Georgia,Songti SC,STSong,serif;font-size:46px;font-weight:700;line-height:1.25}h2{font-size:25px}h3{font-size:17px}.header{border-bottom:1px solid var(--line);align-items:center;gap:22px;height:76px;padding:0 48px;display:flex}.brand{letter-spacing:1px;padding:0;font-family:Songti SC,STSong,Georgia,serif;font-size:36px;font-weight:800;line-height:1}.brand-rule{background:#bec4b9;width:1px;height:20px}.brand-desc{letter-spacing:1px;font-size:15px}.tagline{border-left:1px solid var(--line);color:var(--muted);margin-left:1px;padding-left:22px;font-size:14px}.header nav{align-self:stretch;align-items:stretch;gap:40px;margin-left:auto;display:flex}.header nav button{align-items:center;padding:0 3px;font-size:15px;display:flex;position:relative}.header nav .selected:after{content:"";background:var(--green);height:2px;position:absolute;bottom:0;left:0;right:0}.shell{grid-template-columns:270px minmax(0,1fr);min-height:calc(100dvh - 76px);display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:14px;padding:30px 26px 26px 32px;display:flex}.sidebar details{margin-bottom:4px}.sidebar summary{cursor:pointer;justify-content:space-between;align-items:center;padding:13px 7px;font-size:15px;font-weight:600;list-style:none;display:flex}.sidebar summary::-webkit-details-marker{display:none}.sidebar details[open]>summary svg{transform:rotate(180deg)}.side-lessons{margin:7px -12px 8px -1px}.side-lessons button{text-align:left;border-left:2px solid #0000;align-items:flex-start;gap:16px;width:100%;padding:13px 14px;font-size:15px;line-height:1.35;display:flex}.side-lessons button:hover{background:#f0f1ea}.side-lessons button.current{background:var(--wash);border-left-color:var(--green)}.side-lessons small{color:var(--muted);margin-top:4px;font-size:13px;display:block}.index{color:#5c6f61;padding-top:1px;font-size:14px}.review-link{border-top:1px solid var(--line);text-align:left;align-items:center;gap:10px;padding:22px 6px 12px;font-size:14px;display:flex}.review-link span{margin-left:auto}.side-footer{color:var(--muted);margin-top:auto;padding:55px 8px 0;font-size:13px}.short-rule{background:#a7afa4;width:32px;height:1px;margin-bottom:16px;display:block}.side-footer a{font-size:11px;text-decoration:none}.main{outline:0;min-width:0;padding:35px clamp(28px,4.5vw,72px) 24px}.lesson{max-width:1160px;margin:auto}.lesson-top{justify-content:space-between;align-items:center;min-height:38px;display:flex}.eyebrow{letter-spacing:.6px;color:#506354;margin:0 0 12px;font-size:14px}.lesson-top .eyebrow{margin:0}.lead{color:#666e66;margin-top:12px;font-size:17px;line-height:1.7}.icon-button{border-radius:8px;justify-content:center;align-items:center;padding:9px;font-size:21px;display:inline-flex}.icon-button:hover{background:var(--wash)}.icon-button.active{color:var(--green);background:var(--wash)}.steps{gap:0;margin:36px 0 44px;display:flex}.steps button{text-align:left;white-space:nowrap;color:#81877e;flex:1;align-items:center;gap:15px;padding:0;font-size:15px;display:flex;position:relative}.steps button:not(:last-child):after{content:"";background:#d5d9cf;flex:1;height:1px;margin:0 24px 0 4px}.steps button:last-child{flex:none}.steps button>span{background:#e9eae3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-family:Georgia,serif;font-size:19px;display:flex}.steps button strong{font-weight:400}.steps .current{color:var(--ink)}.steps .current strong{font-weight:600}.steps .current>span{background:var(--green);color:#fff}.steps .done>span{color:var(--green);background:#e1e9da}.stage{animation:stage-enter .24s var(--ease)}@keyframes stage-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.speaker-label{color:#536056;margin:0 0 13px;font-size:15px}.question{letter-spacing:-2px;overflow-wrap:break-word;max-width:1100px;margin:0 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4.4vw,68px);font-weight:500;line-height:1.18}.question.listen-prompt{letter-spacing:-1px;padding:8px 0;font-family:Songti SC,STSong,serif;font-size:clamp(30px,3.5vw,50px)}.question.compact{letter-spacing:-.8px;font-size:38px;line-height:1.45}.audio-block{margin:12px 0}.audio-controls{align-items:center;gap:17px;min-height:54px;display:flex}.play{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:22px;display:grid}.play:hover{color:#fff;background:#1d402b}.time{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;min-width:75px;font-size:13px}input[type=range]{accent-color:var(--green);cursor:pointer;flex:1;min-width:35px;height:4px}.audio-controls select{color:#526254;background:#efefe9;border:0;border-radius:6px;padding:5px;font-size:12px}.audio-label{color:#93968f;margin:8px 0 14px;font-size:11px}.disclosure{padding:11px 0 0}.text-button{align-items:center;gap:8px;padding:5px 0;font-size:14px;line-height:1.6;display:inline-flex}.text-button svg{flex-shrink:0;transition:transform .2s}.rotated{transform:rotate(180deg)}.revealed{animation:reveal .2s var(--ease)}@keyframes reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.disclosure .revealed{border-left:2px solid #c7cebf;margin:12px 0 0;padding:4px 16px}.disclosure .revealed p{margin:0;font-size:14px}.disclosure .revealed p[lang=en]{font-family:Georgia,serif;font-size:17px}.muted{color:var(--muted)}.context{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.context .eyebrow{margin-bottom:3px;font-size:13px}.context>p:last-child{max-width:800px;font-size:16px}.record-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:25px;display:flex}.primary,.secondary{border-radius:28px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:11px 25px;font-size:15px;line-height:1.45;text-decoration:none;display:inline-flex}.primary{background:var(--green);color:#fff;min-width:215px}.primary:hover{color:#fff;background:#1f412d}.primary svg,.secondary svg{width:20px;height:20px}.secondary{border:1px solid #7e9484;min-width:150px}.secondary:hover{background:#edf0e7}.hint{background:#eef0e8;border-left:2px solid #9cab95;margin-top:20px;padding:15px 18px;font-size:14px}.structure{border-top:1px solid var(--line);margin-top:38px;padding-top:24px}.structure h3{margin:0 0 15px;font-size:16px;font-weight:500}.structure>div{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.structure article{padding-right:20px}.structure article+article{border-left:1px solid var(--line);padding-left:22px}.structure strong{font-size:15px;font-weight:500}.structure p{color:var(--muted);margin-top:7px;font-size:13px}.reading-extra{border-top:1px solid var(--line);margin-top:32px;padding:18px 0;font-size:14px}.reading-text{max-width:760px;margin:16px 0;font-family:Georgia,serif;font-size:21px;line-height:1.7}.task-title{margin:0 0 16px;font-family:Songti SC,Georgia,serif;font-size:35px}.task-context{max-width:750px;font-size:18px;line-height:1.85}.draft-label{justify-content:space-between;align-items:center;gap:10px;margin:25px 0 10px;font-size:14px;display:flex}.draft-label span{color:var(--muted);font-size:11px}textarea{resize:vertical;width:100%;min-height:135px;color:var(--ink);background:#fdfcf9;border:1px solid #d4d8cd;border-radius:5px;padding:16px;font-size:17px;line-height:1.7;display:block}textarea::placeholder{color:#999c95;font-size:14px}.fine{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.7}.own-audio{width:100%;max-width:470px;margin-top:16px}.recording{background:#884a3b}.answer{letter-spacing:-.3px;max-width:950px;margin:0 0 20px;font-family:Georgia,serif;font-size:30px;line-height:1.55}.alternative{border-left:2px solid #b7c4ad;margin:24px 0;padding:8px 20px}.alternative p[lang=en],.alternative[lang=en]{font-family:Georgia,serif;font-size:22px;line-height:1.6}.explanation{color:#687366;max-width:850px;font-size:15px}.my-draft{border-top:1px solid var(--line);margin:20px 0;padding:18px 0}.my-draft p:last-child{white-space:pre-wrap;overflow-wrap:anywhere}.checklist{border-top:1px solid var(--line);margin-top:26px;padding-top:23px}.checklist h3{margin-bottom:13px}.checklist label{align-items:center;gap:10px;padding:9px 0;font-size:15px;display:flex}.checklist input{width:18px;height:18px;accent-color:var(--green)}.phrases{margin:25px 0}.phrases h3{margin-bottom:12px}.phrase{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:25px;padding:13px 0;display:flex}.phrase span{font-family:Georgia,serif;font-size:20px}.phrase small{color:var(--muted);font-size:13px}.note-input{min-height:85px;margin-bottom:22px}.self-rate{margin:30px 0}.self-rate h2{font-size:24px}.ratings{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.ratings button{border:1px solid var(--line);text-align:left;border-radius:4px;padding:18px}.ratings button:hover,.ratings .chosen{background:var(--wash);border-color:#718e70}.ratings strong{justify-content:space-between;gap:6px;font-size:14px;display:flex}.ratings small{color:var(--muted);margin-top:8px;font-size:12px;display:block}.overview{max-width:1120px;margin:18px auto}.overview h1{font-size:42px}.overview>.lead{max-width:760px}.feature-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:32px;margin:35px 0;padding:35px 0;display:flex}.feature-row h2{margin-bottom:14px;font-family:Songti SC,Georgia,serif;font-size:31px}.feature-row .primary{margin-top:12px}.today-note{align-self:center;max-width:240px;padding-right:20px}.today-note>span{color:var(--green);font-family:Georgia,serif;font-size:62px}.today-note p{color:var(--muted);font-size:13px}.section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.section-head h2{font-size:23px}.category-grid{grid-template-columns:1fr 1fr;gap:0 40px;display:grid}.category-grid button{border-top:1px solid var(--line);text-align:left;padding:26px 0}.category-grid h3{justify-content:space-between;margin-bottom:10px;font-size:22px;display:flex}.category-grid p:last-child{color:var(--muted);margin:0;font-size:14px}.category-grid .eyebrow{letter-spacing:1.5px;font-size:10px}.search{border-bottom:1px solid #b8c2b3;align-items:center;gap:12px;max-width:700px;margin:30px 0 18px;padding:10px 0;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;padding:7px;font-size:14px}.filters{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.filters button{border-radius:25px;padding:8px 16px;font-size:13px}.filters .active{background:var(--green);color:#fff}.lesson-row{text-align:left;border-top:1px solid var(--line);align-items:center;gap:25px;width:100%;padding:22px 0;display:flex}.lesson-row:hover{background:#f1f2eb}.row-index{color:#8a9385;font-family:Georgia,serif;font-size:20px}.row-copy{flex-direction:column;flex:1;gap:7px;display:flex}.row-copy small{color:var(--muted);font-size:11px}.row-copy strong{font-size:19px;font-weight:500}.row-copy>span{color:var(--muted);font-size:13px}.row-state{color:var(--muted);font-size:11px}.lesson-row>small{color:var(--muted);margin-left:auto}.empty{text-align:center;color:var(--muted);border-top:1px solid var(--line);margin-top:30px;padding:65px 20px}.empty h2{margin:18px 0;font-size:23px}.empty .secondary{margin-top:15px}.saved-lesson{margin:35px 0 45px}.personal-note{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef0e7;margin-top:20px;padding:15px}.upcoming-title{margin:30px 0 20px}.settings section{border-top:1px solid var(--line);max-width:860px;margin-top:25px;padding:25px 0}.settings section h2{margin-bottom:12px;font-size:22px}.settings section p{color:#70776d;font-size:14px}.danger{color:#9b4137;border:1px solid #bb9b91;border-radius:24px;padding:10px 20px;font-size:14px}.confirmation{background:#eeeee5;border-radius:5px;margin-top:20px;padding:20px}.confirmation button+button{margin-left:20px}.warning,.error{color:#804c28;background:#f6eddd;padding:12px 16px;font-size:13px;line-height:1.65}.warning{margin:0 0 20px}.warning button{margin-left:8px;text-decoration:underline}.toast{color:#fff;z-index:20;background:#294535;border-radius:8px;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:14px 20px;font-size:13px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #142a2020}.toast button{color:#fff;display:flex}.mobile-menu{display:none}.skip{background:var(--green);color:#fff;z-index:99;padding:12px;position:fixed;top:-70px;left:16px}.skip:focus{top:10px}@media (width>=1550px){.main{padding-top:42px}.question{font-size:66px}}@media (width<=1100px){.header{gap:18px;padding:0 28px}.tagline{display:none}.shell{grid-template-columns:230px minmax(0,1fr)}.sidebar{padding:24px 18px}.main{padding:28px}.steps{gap:12px}.steps button{gap:8px}.steps button:not(:last-child):after{margin:0 4px}.steps button strong{font-size:13px}.audio-controls{gap:10px}.speaker{display:none}.question{font-size:43px}.row-state{display:none}}@media (width<=760px){.header{gap:13px;height:66px;padding:0 19px}.brand{font-size:30px}.brand-desc,.brand-rule{display:none}.header nav{gap:21px}.header nav button{font-size:13px}.mobile-menu{margin-left:0;display:flex}.shell{min-height:calc(100dvh - 66px);display:block}.sidebar{display:none}.sidebar.open{z-index:41;overscroll-behavior:contain;width:min(320px,100vw - 48px);padding-bottom:max(24px, env(safe-area-inset-bottom));background:#faf9f6;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:8px 0 30px #18342515}.main{padding:22px 22px 30px}h1,.overview h1{letter-spacing:-1px;font-size:35px}.lead{margin-top:10px;font-size:15px}.lesson-top .eyebrow{font-size:12px}.steps{gap:9px;margin:28px 0 32px}.steps button{flex-direction:column;flex:1;align-items:center;gap:9px}.steps button:last-child{flex:1}.steps button:not(:last-child):after{display:none}.steps button>span{width:29px;height:29px;font-size:16px}.steps button strong{font-size:12px}.question,.question.compact{letter-spacing:-.8px;font-size:34px;line-height:1.25}.question.listen-prompt{font-size:30px;line-height:1.5}.audio-controls{flex-wrap:wrap;gap:8px}.audio-controls .play{width:46px;height:46px}.audio-controls .time{min-width:68px;font-size:12px}.audio-controls .icon-button{padding:6px;font-size:19px}.audio-controls select{font-size:11px}.audio-controls .speaker{display:none}.audio-controls input{flex-basis:65px}.context>p:last-child{font-size:15px}.record-actions{gap:12px;margin-top:22px}.primary{min-width:185px;padding:11px 19px;font-size:14px}.secondary{min-width:120px;padding:10px 18px;font-size:14px}.structure{margin-top:28px;padding-top:22px}.structure>div{display:block}.structure article{border:0!important;padding:0 0 12px!important}.structure p{margin:5px 0}.task-title{font-size:28px}.task-context{font-size:16px}.answer{font-size:25px}.draft-label{flex-wrap:wrap}.phrase{align-items:flex-start;gap:12px}.phrase span{overflow-wrap:anywhere;max-width:65%;font-size:18px}.phrase small{font-size:12px}.ratings{grid-template-columns:1fr;gap:8px}.ratings button{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.ratings small{margin:0}.self-rate h2{font-size:22px}.feature-row{margin:25px 0;padding:26px 0}.today-note{display:none}.category-grid{grid-template-columns:1fr}.overview{margin-top:10px}.section-head h2{font-size:20px}.lesson-row{gap:14px}.row-copy strong{font-size:18px}.row-copy small{font-size:10px}.search{margin-top:25px}.filters{gap:4px}.filters button{padding:8px 12px}.empty{padding:40px 10px}.toast{bottom:15px}.reading-text{font-size:19px}.own-audio{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sentence-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0 71px;font-size:12px;display:flex}.sentence-controls button{background:#eeefe8;border-radius:20px;padding:5px 10px}.sentence-controls .active{background:var(--green);color:#fff}.sentence-controls span{color:var(--muted);font-size:11px}@media (width<=760px){.sentence-controls{margin-left:0}}@media (width>=761px){.steps{margin:24px 0 28px}.lesson .record-actions>.primary{min-width:285px}.structure{margin-top:30px}}.drawer-heading,.menu-backdrop{display:none}.site-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px;padding-top:20px;font-size:12px;display:flex}.site-footer a{color:var(--green);text-underline-offset:4px}@media (width<=760px){.menu-backdrop{z-index:40;cursor:pointer;background:#1428206b;display:block;position:fixed;inset:0}.drawer-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:16px;display:flex}}@font-face{font-family:Borel;src:url(/borel-regular.ttf)format("truetype");font-display:swap;font-weight:400}.publisher{font-family:Borel,cursive;font-size:15px;font-weight:400;line-height:1.8}.route-progress{color:var(--green);border-top:1px solid var(--line);padding-top:12px;font-size:12px}.phrase-entry{border-bottom:1px solid var(--line);padding:22px 0}.phrase-entry summary{cursor:pointer;color:var(--green)}.phrase-entry summary span{overflow-wrap:anywhere;font-size:18px}.phrase-entry summary small{color:var(--muted);margin:8px 0 0 18px;font-size:12px;display:block}.phrase-entry dl{gap:14px;margin-top:24px;display:grid}.phrase-entry dl div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.phrase-entry dt{color:var(--green)}.phrase-entry dd{color:var(--muted);margin:0}.phrase-entry p{line-height:1.9}.phrase-entry .phrase-example{background:#eeefe8;border-radius:8px;padding:20px}.lesson-modes{margin-top:26px}.practice-room{margin-top:24px}.practice-rounds{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 32px;display:grid}.practice-rounds button{border:1px solid var(--line);text-align:left;border-radius:8px;padding:14px 8px}.practice-rounds button.active{border-color:var(--green);color:var(--green);background:#e9eee6}.practice-rounds small{color:var(--muted);margin-top:6px;font-size:11px;display:block}.practice-room textarea{min-height:160px;margin-bottom:20px}.round-reference{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.next-round{margin-top:28px}.practice-room .answer{font-size:clamp(25px,3vw,38px)}@media (width<=760px){.sidebar .side-footer{display:none}.practice-rounds button{font-size:13px}}.learning-route{margin-top:28px}.route-purpose{color:var(--green);font-size:20px;line-height:1.8}.route-unit{margin-top:40px}.unit-heading{align-items:baseline;gap:18px;display:flex}.unit-heading>span{color:var(--muted);font-family:Georgia,serif;font-size:26px}.unit-heading h2{margin:0 0 8px;font-size:24px}.unit-heading p{color:var(--muted);margin:0 0 18px;line-height:1.8}.route-lesson{grid-template-columns:minmax(0,1fr) 22px}.route-lesson .row-copy>span{white-space:normal;line-height:1.7}.route-lesson small{margin-top:8px}.route-scope{border-top:1px solid var(--line);color:var(--muted);margin-top:36px;padding-top:20px;font-size:13px;line-height:1.8}.coverage-intro{border-left:2px solid var(--line);margin:26px 0;padding-left:20px}.coverage-intro h2{font-size:20px}.coverage-intro p{color:var(--muted);line-height:1.8}@media (width<=760px){.header{gap:8px;height:58px;padding:0 16px}.brand{font-size:28px}.header nav{gap:12px}.header nav button,.mobile-menu{min-height:44px}.header nav button:last-child,.mobile-menu{min-width:36px;padding:6px}.shell{min-height:calc(100dvh - 58px)}.main{padding:16px 16px 22px;font-size:15px}.main p{margin-bottom:10px;line-height:1.65}.lesson-top{min-height:32px}.lesson-top .eyebrow{margin:0;font-size:11px}.bookmark{min-width:44px;min-height:44px;padding:8px}h1,.overview h1{letter-spacing:-.7px;font-size:30px}.lead{margin-top:6px;font-size:14px}.overview{margin:4px auto}.eyebrow{margin-bottom:8px;font-size:12px}.lesson-modes{margin-top:14px;margin-bottom:8px}.filters{gap:4px;margin-bottom:14px}.filters button{min-height:44px;padding:8px 11px}.steps{gap:6px;margin:12px 0 20px}.steps button{gap:5px;min-height:48px}.steps button>span{width:25px;height:25px;font-size:14px}.speaker-label{margin-bottom:8px;font-size:13px}.question,.question.compact{margin-bottom:14px;font-size:28px;line-height:1.3}.question.listen-prompt{padding:0;font-size:26px;line-height:1.4}.audio-block{margin:8px 0}.audio-controls{gap:4px;min-height:44px}.audio-controls .play,.audio-controls .icon-button{flex-shrink:0;width:44px;height:44px;padding:8px}.audio-controls .time{min-width:54px;font-size:11px}.audio-controls input{flex-basis:24px;min-width:24px}.audio-controls select{flex:0 0 56px;width:56px;min-height:44px;padding:4px;font-size:14px}.audio-label{margin:5px 0 6px}.text-button{min-height:44px}.disclosure{padding-top:0}.context{margin-top:10px;padding-top:12px}.record-actions{gap:8px;margin-top:14px}.primary,.secondary{gap:8px;min-height:44px;padding:10px 16px}.record-actions .primary{min-width:172px}.record-actions .secondary{min-width:108px}.structure{margin-top:20px;padding-top:16px}.structure h3{margin-bottom:10px;font-size:15px}.structure article{padding-bottom:8px!important}.structure p{margin:3px 0 0;font-size:12px}.reading-extra{margin-top:18px;padding:10px 0}.reading-text{font-size:18px}.task-title{margin-bottom:10px;font-size:25px}.task-context{font-size:15px}.answer,.practice-room .answer{margin-bottom:14px;font-size:23px;line-height:1.5}.alternative{margin:16px 0;padding:6px 12px}.alternative p[lang=en],.alternative[lang=en]{font-size:20px}.hint{margin-top:12px;padding:12px 14px}.draft-label{gap:5px;margin:16px 0 8px}textarea,.practice-room textarea{min-height:120px;padding:12px;font-size:16px;line-height:1.6}.practice-room textarea{margin-bottom:14px}.note-input{min-height:88px}.practice-room{margin-top:14px}.practice-room>.muted{font-size:13px}.practice-rounds{gap:6px;margin:16px 0 20px}.practice-rounds button{min-height:58px;padding:10px 8px}.practice-rounds small{margin-top:4px}.round-reference{margin-top:18px;padding-top:18px}.next-round{margin-top:18px}.feature-row{margin:20px 0;padding:18px 0}.feature-row h2{margin-bottom:10px;font-size:25px}.category-grid button{padding:18px 0}.search{margin-top:18px}.search input{font-size:16px}.coverage-intro{margin:18px 0;padding-left:14px}.coverage-intro h2{font-size:18px}.learning-route{margin-top:18px}.route-purpose{font-size:17px}.route-unit{margin-top:26px}.unit-heading{gap:12px}.unit-heading>span{font-size:21px}.unit-heading h2{margin-bottom:6px;font-size:21px}.unit-heading p{font-size:14px}.lesson-row{gap:12px;padding:16px 0}.row-copy{gap:5px}.row-copy strong{font-size:17px}.row-copy small{font-size:11px}.route-lesson small{margin-top:4px}.phrase-entry{padding:16px 0}.phrase-entry summary{min-height:44px}.phrase-entry summary span{font-size:16px}.phrase-entry dl{gap:10px;margin-top:16px}.phrase-entry .phrase-example{padding:14px}.site-footer{gap:8px;margin-top:24px;padding-top:14px}.site-footer a{align-items:center;gap:4px;min-height:44px;display:inline-flex}.site-footer>span{align-self:center}}@media (width<=360px){.header{gap:4px;padding:0 12px}.header nav{gap:7px}.header nav button{font-size:12px}.brand{font-size:26px}.main{padding-inline:14px}.lesson-modes button{padding-inline:9px;font-size:12px}.audio-controls{gap:3px}}.browser-speech{margin:12px 0}.speech-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.speech-actions label{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.speech-actions select,.voice-options select{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#f3f3ec;border-radius:6px;padding:6px 10px;font-size:16px}.voice-options{color:var(--muted);margin-top:8px;font-size:12px}.voice-options summary{cursor:pointer;overflow-wrap:anywhere;min-height:32px;padding:6px 0}.voice-options select{width:100%;max-width:460px;margin:6px 0}.tool-entry-links{flex-wrap:wrap;gap:18px;margin:14px 0;display:flex}.tool-search{border:1px solid var(--line);background:#fdfcf9;border-radius:6px;width:100%;max-width:650px;min-height:44px;padding:10px 12px;font-size:16px}.phonetic-detail{border:1px solid var(--line);background:#f0f2ea;border-radius:10px;margin:18px 0 26px;padding:22px}.phonetic-detail>div:first-child{align-items:baseline;gap:18px;margin-bottom:12px;display:flex}.ipa{font-family:Charis SIL,Doulos SIL,DejaVu Sans,Georgia,serif;font-size:30px;font-weight:400}.phonetic-detail>div>span[lang=en]{font-size:22px}.phonetic-detail a,.tool-sources a{text-underline-offset:4px;font-size:13px}.sound-group{margin:28px 0}.sound-group h2{margin-bottom:14px;font-size:21px}.sound-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.sound-grid button{border:1px solid var(--line);border-radius:8px;min-height:84px;padding:12px 6px}.sound-grid button.active{border-color:var(--green);background:#e7ece2}.sound-grid small{color:var(--muted);margin-top:6px;display:block}.contrast-words{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.rhythm-notes section{border-top:1px solid var(--line);padding:22px 0}.rhythm-notes h2{margin-bottom:14px;font-size:22px}.tool-sources{color:var(--muted);margin-top:28px;font-size:12px}.dialogue-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0;display:grid}.dialogue-progress button{border:1px solid var(--line);text-align:left;border-radius:7px;min-height:60px;padding:10px}.dialogue-progress span{margin-top:6px;font-size:13px;display:block}.dialogue-progress .active{background:var(--wash);border-color:var(--green)}@media (width<=760px){.tool-entry-links{gap:0 14px;margin:8px 0}.speech-actions{gap:10px}.speech-actions .secondary{min-width:144px}.phonetic-detail{margin:14px 0 20px;padding:16px}.sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sound-grid button{min-height:74px;padding:9px 3px}.sound-grid .ipa{font-size:25px}.contrast-words{grid-template-columns:1fr;gap:18px}.dialogue-progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:18px 0}.scope-dialogue .answer{font-size:25px}}.info-page{max-width:860px;margin:auto;padding:28px 28px 0}.info-page header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.info-page main{padding:40px 0}.info-page h1{font-size:clamp(28px,4vw,42px)}.info-page section{margin-top:32px;line-height:1.85}.info-page li{margin-block:12px}.info-page .site-footer{margin-top:0}.footer-links{white-space:nowrap}.dialogue-audio{margin-block:16px}.dialogue-audio summary{cursor:pointer;min-height:44px;padding-block:12px}.dialogue-audio .speech-actions button,.dialogue-audio select{min-height:44px}@media (width<=760px){.info-page{padding:18px 16px 0}.info-page main{padding-top:24px}.info-page section{margin-top:24px}}.sound-grid>button{min-height:84px}.sound-inline-detail{grid-column:1/-1;min-width:0;margin:0 0 8px}.sound-grid .sound-inline-detail button{min-height:44px;padding:8px 12px}.sound-inline-detail>.text-button{margin-top:12px;display:block}.journey-catalog{gap:12px;margin-top:24px;display:grid}.journey-catalog>button{text-align:left;border:1px solid var(--line);background:0 0;border-radius:10px;gap:8px;padding:20px;display:grid}.journey-catalog>button:hover{border-color:var(--green);background:#eef1e8}.journey-catalog strong{font-size:20px;line-height:1.5}.journey-catalog small,.journey-steps small{color:var(--muted)}.journey-catalog span{line-height:1.6}.journey-back{margin-bottom:18px}.journey-steps{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.journey-steps button{text-align:left;border:1px solid var(--line);border-radius:8px;flex:160px;gap:6px;min-height:44px;padding:10px 12px;display:grid}.journey-steps button.active{border-color:var(--green);background:#e7ece2}.journey-document,.journey-challenge,.journey-wrap{border-top:1px solid var(--line);margin-top:22px;padding:18px 0}.journey-room textarea{width:100%;min-height:120px}.journey-room h3{font-size:18px}@media (width<=760px){.journey-catalog>button{gap:5px;padding:14px}.journey-catalog strong{font-size:18px}.journey-steps{gap:6px}.journey-steps button{flex-basis:calc(50% - 6px);padding:9px;font-size:13px}.journey-room .answer{font-size:24px}.sound-inline-detail{padding:14px}}.shortcut-list{margin:20px 0 30px}.shortcut-list details,.tone-example{border-bottom:1px solid var(--line);padding:12px 0}.shortcut-list summary,.tone-example summary{cursor:pointer;align-content:center;min-height:44px}.shortcut-list summary strong{min-width:95px;display:inline-block}.shortcut-list summary span{font-size:15px}.reading-desk select{max-width:100%;min-height:44px;font:inherit;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:10px}.reading-document{margin:24px 0;font-size:18px;line-height:1.85}.reading-document p{border-left:3px solid #0000;margin-bottom:20px;padding:10px 14px}.reading-document .reading-key{border-color:var(--green);background:#eef1e8}.reading-kind{color:var(--muted);font-size:12px;display:block}.reading-filter{align-items:center;gap:8px;min-height:44px;display:flex}.reading-desk textarea{width:100%;min-height:130px}@media (width<=760px){.reading-document{font-size:16px;line-height:1.8}.reading-document p{margin-bottom:12px;padding:8px 10px}.shortcut-list summary strong{min-width:80px}}.loop-control{white-space:nowrap;align-items:center;gap:6px;min-height:44px;display:inline-flex}.curriculum-jump{flex-wrap:wrap;gap:12px 24px;margin:24px 0;display:flex}.curriculum-unit{margin-block:24px}.curriculum-unit h3,.curriculum-unit p{margin-block:8px}.curriculum-journeys li{margin-block:16px}.curriculum-journeys p{margin-block:4px}.info-page section[id]{scroll-margin-top:20px}h1{text-wrap:balance}@media (width<=760px){.reading-desk h2{margin-block:18px 12px;font-size:21px}}