@font-face{font-family:Barlow;src:url('./fonts/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('./fonts/Barlow-SemiBold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{--bg:#f5f5f0;--paper:#fff;--ink:#27372f;--muted:#788178;--line:#e2e5dc;--accent:#4d60c7;--accent-light:#eaeefb;--sage:#e6eddd;--peach:#f6e6dc;--yellow:#f3ecd3;--lavender:#ece8f4;--serif:Georgia,'Times New Roman',serif;font-family:Barlow,Arial,sans-serif;font-size:16px;color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d5a33f;outline-offset:4px}button{touch-action:manipulation}button:disabled:focus-visible{outline:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;line-height:1.15;letter-spacing:-.035em}p{line-height:1.7}em{font-family:var(--serif);font-weight:400;font-style:italic}img,svg{vertical-align:middle}[hidden]{display:none!important}.icon{width:21px;height:21px;flex-shrink:0}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:600;line-height:1.5;color:var(--muted);margin:0 0 12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:14px;z-index:100}.skip:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:47px;padding:12px 19px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:600;line-height:1.35;white-space:normal}.button .icon{width:18px;height:18px}.primary{background:var(--accent);color:#fff}.primary:hover{background:#3c4fab}.secondary{background:var(--paper);border-color:var(--line)}.secondary:hover{background:#eef0e9}.text-link{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:5px 0;color:var(--accent);font-size:14px;font-weight:600}.text-link .icon{width:17px;height:17px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.tag{display:inline-block;background:var(--accent-light);color:var(--accent);border-radius:5px;padding:5px 9px;font-size:9px;font-weight:600;letter-spacing:.08em;line-height:1.4}.track{height:5px;border-radius:6px;overflow:hidden;background:#dce1d5}.track i{height:100%;display:block;border-radius:6px;background:var(--accent)}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;padding:33px 23px 22px;background:#fcfcf8;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:600;letter-spacing:-.7px;margin-bottom:56px;line-height:1.05}.brand>span:last-child>span{display:block;color:var(--accent)}.brand-mark{width:42px;height:45px;border-radius:12px 4px 12px 4px;display:block;background:var(--accent);color:white;font-family:var(--serif);font-style:italic;font-size:31px;padding:0 0 0 8px;position:relative;line-height:1}.brand-mark>span{position:absolute;right:5px;bottom:2px;color:#efd17c;font-size:24px}.nav-label{font-size:8px;letter-spacing:.14em;color:#969d92;font-weight:600;padding-left:12px;margin:0 0 15px}.sidebar nav{display:grid;gap:5px}.sidebar nav>a{display:flex;align-items:center;gap:11px;min-height:45px;padding:10px 12px;color:#778076;font-size:13px;font-weight:600;border-radius:8px}.sidebar nav>a[aria-current=page]{background:#e9edfb;color:var(--accent)}.sidebar nav>a:hover{background:#eff0e9}.sidebar nav .icon{width:19px;height:19px}.nav-count{margin-left:auto;background:#d9dff8;color:var(--accent);font-size:10px;line-height:1;border-radius:4px;padding:5px}.sidebar-bottom{margin-top:auto;padding-top:60px}.side-note{border-top:1px solid var(--line);padding:23px 12px 17px;display:flex;gap:10px;align-items:start}.side-note>span{font-size:32px;line-height:1;color:#9caa85}.side-note p{font-size:12px;line-height:1.6;color:#8b9387;margin:0}.nav-help{display:flex;align-items:center;gap:8px;font-size:10px;text-align:left;border:0;background:none;color:#899184;padding:12px}.nav-help .icon{width:16px;height:16px}.publisher{display:block;color:#a0a69a;font-size:9px;letter-spacing:.03em;padding:10px 12px}
.workspace{margin-left:230px;padding:0 43px;max-width:1570px}.topbar{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px}.top-caption{font-size:8px;letter-spacing:.15em;color:#a2a898}.topbar>div>p{font-size:11px;color:#7f887d;margin:6px 0 0}.topbar form{margin-left:auto;display:flex;align-items:center;gap:9px;min-width:180px;max-width:260px;width:30%;color:#8d9589}.topbar form .icon{width:17px;height:17px}.topbar input{background:transparent;border:0;outline:none;min-width:0;width:100%;color:var(--ink);font-size:12px;padding:8px 0}.topbar input:focus-visible{outline:0}.topbar form:focus-within{box-shadow:0 1px var(--accent)}.topbar kbd{font:10px Barlow;border:1px solid #d9ddd1;border-radius:4px;padding:3px 6px;color:#98a18f}.profile-link{padding-left:19px;border-left:1px solid var(--line)}.profile-link>span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#e4e8da;color:#6b7c58;font-size:12px;font-weight:600}main{min-height:calc(100svh - 180px);padding-bottom:12px;outline:none}.page-greeting{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 0 28px}.page-greeting .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:10px}.page-greeting h1{font-size:35px;letter-spacing:-1.3px;line-height:1.13;margin:0}.greeting-note{font-family:var(--serif);font-style:italic;font-size:13px;line-height:1.5;color:#929b88;position:relative;padding-right:24px;transform:rotate(-4deg)}.greeting-note>span{font-size:29px;position:absolute;right:2px;bottom:-17px;color:#a6ae99}.dashboard-top{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:21px}.learning-hero{background:#4e61c7;color:#fff;border-radius:15px;overflow:hidden;position:relative}.hero-topline{padding:24px 27px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.tag.light{color:#eef1ff;background:#ffffff1c;font-size:7px;letter-spacing:.1em;padding:6px 9px}.hero-topline>span:last-child{font-size:6px;letter-spacing:.16em;color:#b7c2f0;white-space:nowrap}.hero-main{display:grid;grid-template-columns:1.2fr 1fr;padding:25px 27px 24px;gap:8px;align-items:center;min-height:269px}.hero-copy h2{font-size:31px;line-height:1.12;letter-spacing:-1px;margin:0 0 14px;font-weight:600}.hero-copy>p{font-size:11px;line-height:1.8;color:#cfd6f6;max-width:260px;margin:0 0 23px}.hero-button{background:#fffaf0;color:#354899;font-size:11px;min-height:41px;padding:11px 14px;gap:17px;position:relative;z-index:2}.hero-button:hover{background:#efe8d8}.hero-button .icon{width:16px;height:16px}.hero-small{font-size:8px;display:flex;align-items:center;gap:5px;color:#c3cbee;margin-top:11px}.hero-small .icon{width:11px;height:11px}.hero-bottom{border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 27px;background:#4257bb}.hero-bottom>span{display:inline-flex;align-items:center;gap:6px;font-size:8px;color:#d8def8}.hero-bottom .icon{width:12px;height:12px}.notebook-art{position:relative;min-height:230px;padding:7px 5px 9px 14px;margin-left:8px}.art-paper{position:relative;background:#fff9e8;color:#37472f;width:100%;max-width:195px;min-height:218px;padding:19px 21px 14px;transform:rotate(7deg);border-radius:3px 8px 4px 2px;box-shadow:7px 8px #36489c50;z-index:1;overflow:hidden}.art-number{font-size:11px;color:#aeb197;font-family:var(--serif);font-style:italic}.art-label{display:block;font-size:5px;letter-spacing:.13em;color:#949b82;margin-top:24px;white-space:nowrap}.art-paper>strong{font-family:var(--serif);font-size:45px;letter-spacing:-3px;font-weight:400;display:block;margin:2px 0 9px;line-height:1}.art-paper>strong>span{color:#d4a359}.art-line{height:1px;background:#e4ddc8}.art-paper>p{font-size:9px;color:#999a81;margin:12px 0 10px}.art-wave{font-size:20px;color:#afb69a;letter-spacing:2px;white-space:nowrap}.art-tab{position:absolute;top:0;left:35px;z-index:2;transform:rotate(7deg);background:#f0cb76;color:#806535;border-radius:2px;font-size:6px;letter-spacing:.12em;padding:7px 12px}.art-word{position:absolute;bottom:8px;left:-3px;z-index:3;width:170px;background:#e4edce;color:#5a6947;transform:rotate(-5deg);border:1px solid #cfdcba;border-radius:3px;padding:12px 14px;font-family:var(--serif);font-size:17px;box-shadow:2px 4px #34479725}.art-word>span{font-family:Barlow;font-size:10px;color:#8b9679;margin-left:7px}.art-word>b{position:absolute;right:12px;color:#96a573;font-size:20px;top:10px}.art-spark{position:absolute;right:-5px;top:-7px;color:#edce7b;font-size:37px;transform:rotate(15deg)}
.weekly-card{padding:25px 23px 20px;background:#fffef9;border:1px solid #e4e4d8;border-radius:15px;display:flex;flex-direction:column}.section-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-line .eyebrow{font-size:8px;margin:0}.section-line .icon{width:20px;height:20px;color:#b9a676}.weekly-card h2{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:-1px;margin:24px 0 12px}.weekly-card>p{font-size:11px;color:#939785;line-height:1.75;margin-bottom:20px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:auto}.week-day{text-align:center}.week-day>span{font-size:7px;display:block;color:#a1a68f;margin-bottom:9px}.week-day>b{font-size:10px;font-weight:400;display:grid;place-items:center;aspect-ratio:1;border:1px solid #e7e8db;border-radius:7px;color:#a1a68f}.week-day.today>b{border-color:#85956f;color:#6a8051;outline:2px solid #e3e8d9;outline-offset:2px}.week-day.done>b{background:#dfe8d3;border-color:#dfe8d3;color:#6d8351}.week-day .icon{width:13px;height:13px}.week-day>small{font-size:6px;display:block;color:#94a07d;margin-top:7px}.weekly-summary{border-top:1px solid #e8e8dd;padding-top:14px;margin-top:18px;display:flex;align-items:center;justify-content:space-between}.weekly-summary>span{font-size:9px;color:#919983}.weekly-summary b{font-size:15px;color:#6f8057;margin-right:3px}.weekly-summary>.icon{width:18px;height:18px;color:#a1ae89}.weekly-card>small{font-size:7px;color:#acb09e;display:block;margin-top:10px}.stat-strip{display:grid;grid-template-columns:1fr 1.1fr 1fr 1.5fr;gap:20px;padding:25px 0;margin:8px 0 3px;border-bottom:1px solid var(--line)}.stat-strip>div:not(.stat-progress){display:flex;align-items:center;gap:11px}.stat-symbol{width:35px;height:37px;border-radius:9px;display:grid;place-items:center;color:#76875e}.stat-symbol.lavender{color:#83789c}.stat-symbol.peach{color:#bb8e76}.stat-symbol>.icon{width:18px;height:18px}.sage{background:var(--sage)}.peach{background:var(--peach)}.lavender{background:var(--lavender)}.stat-strip b{font-size:22px;font-weight:600;line-height:1;display:block}.stat-strip b>small{font-size:12px;font-weight:400;color:#adb3a4}.stat-strip>div>div>span{display:block;font-size:8px;color:#9aa18f;margin-top:5px}.stat-progress{padding-left:19px;border-left:1px solid var(--line);align-self:center}.stat-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:11px}.stat-progress>div:first-child>span{font-size:8px;color:#8e9786}.stat-progress>div:first-child>b{font-size:11px;color:#7d886b}.stat-progress .track{height:4px}.stat-progress .track i{background:#9cae7f}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:28px 0 19px}.section-heading .eyebrow{font-size:8px;margin-bottom:8px}.section-heading h2{font-size:25px;letter-spacing:-.8px;margin:0}.section-heading>.text-link{font-size:11px;color:#85906e;white-space:nowrap}.section-heading>.text-link>.icon{width:14px;height:14px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{border:1px solid #dfe3d7;border-radius:12px;background:#fffef9;padding:20px 21px 0;overflow:hidden;display:flex;flex-direction:column}.course-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.level-code{font-size:16px;font-weight:600;letter-spacing:-.3px;background:#e7eddc;color:#7d8d63;min-width:37px;height:36px;display:grid;place-items:center;border-radius:8px}.tone-blue .level-code{background:#e5eafa;color:#7d8abe}.tone-peach .level-code{background:#f4e7df;color:#bc9b84}.course-top .tag{background:#f0f2e9;color:#98a384;font-size:6px;letter-spacing:.07em;padding:5px 7px}.course-label{font-size:8px;color:#9aab83;margin:0 0 5px}.tone-blue .course-label{color:#97a2c8}.tone-peach .course-label{color:#c3a78f}.course-card h3{font-size:19px;margin:0 0 8px;letter-spacing:-.6px}.course-card>p:not(.course-label){font-size:10px;color:#9ba08f;line-height:1.7;min-height:34px;margin-bottom:20px}.course-progress{margin-top:auto;margin-bottom:20px}.course-progress>span{display:block;font-size:8px;color:#9ba48b;margin-bottom:9px}.course-progress .track{height:3px;background:#e7ebdf}.course-progress .track i{background:#a0ae8a}.tone-blue .course-progress .track i{background:#9da9cf}.course-link{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 -21px;padding:13px 21px;border-top:1px solid #e7e9df;font-size:10px;font-weight:600;color:#82906c;background:#f9faf4}.course-link:hover{background:#edf0e5}.course-link>.icon{width:14px;height:14px}.tone-blue .course-link{color:#8c9ac5;background:#f8f9fc}.tone-peach .course-link{color:#b69e86;background:#fdfaf6}.course-card .coming-note{margin-top:auto;font-size:8px!important;min-height:25px!important;color:#b7b5a4!important}.practice-banner{display:flex;align-items:center;gap:22px;padding:26px 29px;background:#edeee5;border-radius:12px;margin-top:27px;border:1px solid #e4e7da}.banner-mark{font-family:var(--serif);font-size:35px;font-style:italic;color:#a6b18e;position:relative;letter-spacing:-3px;padding-right:8px}.banner-mark>span{position:absolute;bottom:-3px;right:0;font:23px Barlow;letter-spacing:0;color:#8c9d70}.practice-banner .eyebrow{font-size:7px;margin-bottom:5px}.practice-banner h2{font-family:var(--serif);font-weight:400;font-size:22px;letter-spacing:-.7px;margin:0 0 7px}.practice-banner p:not(.eyebrow){font-size:10px;color:#969f87;margin:0}.practice-banner>.button{margin-left:auto;font-size:10px;min-height:38px;padding:10px 13px;background:#f9faf4;color:#809367;border-color:#d5ddc6}.site-footer{display:flex;align-items:center;gap:22px;padding:28px 0 22px;margin-top:23px;border-top:1px solid var(--line);font-size:8px;color:#a2a994}.site-footer>span:first-child>span{padding:0 6px}.site-footer>span:last-child{margin-left:auto}.site-footer>button{background:none;border:0;padding:4px;color:#929b86;font-size:8px}
.page-heading{padding:40px 0 30px}.page-heading>.eyebrow{font-size:9px}.page-heading h1{font-size:43px;letter-spacing:-1.6px;line-height:1.1;margin-bottom:17px}.page-heading h1>span{color:var(--accent)}.page-heading>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:0}.curriculum-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:34px}.filter-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:30px}.filter-tabs>button{border:1px solid var(--line);background:#fffef9;border-radius:7px;padding:9px 13px;font-size:12px;color:var(--muted);min-height:38px}.filter-tabs>button.selected{background:var(--ink);border-color:var(--ink);color:#fff}.curriculum-aside{position:sticky;top:25px;align-self:start;padding:25px;background:#e9eddf;border:1px solid #dde3d1;border-radius:12px}.curriculum-aside>.eyebrow{font-size:8px;color:#91a078}.curriculum-aside h3{font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.2;margin-bottom:26px}.learning-steps{padding:0;list-style:none}.learning-steps li{display:flex;gap:12px;margin-bottom:20px}.learning-steps li>span{color:#98aa7e;font-size:11px;margin-top:3px}.learning-steps b{font-size:12px;font-weight:600}.learning-steps p{font-size:11px;color:#8e9a7e;line-height:1.6;margin:5px 0 0}.small-note{font-size:10px;line-height:1.7;color:#9ba28f;border-top:1px solid #d6deca;padding-top:18px;margin:25px 0 0}.curriculum-group{margin-bottom:35px}.level-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}.level-stamp{width:49px;height:50px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;font-size:20px;font-weight:600;background:var(--sage);color:#81916b}.level-stamp.tone-blue{background:var(--accent-light);color:#8491c3}.level-stamp.tone-peach{background:var(--peach);color:#b59177}.level-stamp.tone-yellow{background:var(--yellow);color:#b4a06a}.level-stamp.tone-lavender{background:var(--lavender);color:#9e91bc}.level-stamp.tone-ink{background:#dfe6e4;color:#657970}.level-heading .eyebrow{font-size:8px;margin:0 0 4px}.level-heading h2{font-size:23px;margin:0 0 5px}.level-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}.level-total{margin-left:auto;font-size:11px;white-space:nowrap;color:#a2aa97}.level-total .icon{width:17px;height:17px}.lesson-list{border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden}.lesson-row{display:flex;align-items:center;gap:15px;padding:18px 20px;border-bottom:1px solid #edf0e8}.lesson-row:last-child{border:0}.lesson-row:hover{background:#f5f7ef}.lesson-number{display:grid;place-items:center;flex-shrink:0;color:#a6b096;border:1px solid #e9ecdf;border-radius:50%;width:29px;height:29px;font-size:9px}.lesson-row.completed .lesson-number{background:#e3edd8;border-color:#e3edd8;color:#7f9361}.lesson-number .icon{width:15px;height:15px}.lesson-row h3{font-size:15px;letter-spacing:-.2px;margin:0 0 5px}.lesson-row p{font-size:11px;color:#97a08d;margin:0;line-height:1.4}.lesson-meta{margin-left:auto;font-size:10px;color:#a6ad9b;display:flex;align-items:center;gap:15px;white-space:nowrap}.lesson-meta .icon{width:16px;height:16px}.outline-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;background:#efeee6;border:1px dashed #d7d9cc;border-radius:12px;overflow:hidden}.outline-card .tag{font-size:7px;background:#e2e3d8;color:#929580}.outline-card h3{font-size:18px;margin:16px 0 10px}.outline-card p,.outline-card li{font-size:12px;color:#939780;line-height:1.7}.outline-card ul{padding-left:17px}.outline-note{font-size:10px!important;margin-bottom:0}.outline-mark{font-family:var(--serif);font-style:italic;font-size:70px;color:#d9daca;flex-shrink:0}.search-result{font-size:13px;color:var(--muted);margin-bottom:25px}.search-result button{border:0;background:none;color:var(--accent);font-size:12px;text-decoration:underline;padding:5px 8px}.empty-state{padding:65px 25px;text-align:center}.empty-state>span{display:grid;place-items:center;margin:0 auto 22px;background:#e8eddf;border-radius:14px;color:#9ba98a;width:60px;height:60px}.empty-state .icon{width:29px;height:29px}.empty-state h2{font-family:var(--serif);font-weight:400;font-size:30px;letter-spacing:-1px}.empty-state>p{font-size:14px;color:var(--muted);max-width:470px;margin:0 auto 25px}.paper-empty{background:var(--paper);border:1px solid var(--line);border-radius:14px}
.lesson-breadcrumb{display:flex;align-items:center;gap:18px;padding:25px 0 24px;font-size:10px;color:#a0a694}.lesson-breadcrumb .text-link{font-size:11px}.lesson-breadcrumb .text-link>.icon{width:14px;height:14px}.autosaved{margin-left:auto;display:flex;align-items:center;gap:5px;color:#9ca58c}.autosaved .icon{width:13px;height:13px}.lesson-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:30px;align-items:start}.lesson-outline{position:sticky;top:25px;padding:24px 0}.lesson-outline>.eyebrow{font-size:8px}.lesson-outline h2{font-size:25px;margin:14px 0 11px;letter-spacing:-.8px}.lesson-outline>p:not(.eyebrow){font-size:12px;color:#99a18d;line-height:1.75}.lesson-outline ol{list-style:none;padding:0;margin:28px 0}.lesson-outline li{display:flex;align-items:center;gap:10px;font-size:12px;color:#a7ae9c;margin:0 0 19px}.lesson-outline li>span{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1px solid #dfe4d7;font-size:9px;color:#a6af99}.lesson-outline li.current{color:var(--accent);font-weight:600}.lesson-outline li.current>span{background:var(--accent);color:#fff;border-color:var(--accent)}.lesson-outline li.done{color:#879b6b}.lesson-outline li.done>span{background:#e0e8d5;border-color:#e0e8d5}.lesson-outline li .icon{width:13px;height:13px}.lesson-outline>.track{height:4px}.lesson-outline>small{font-size:9px;color:#a0aa91;margin-top:8px;display:block}.lesson-outline>.small-note{margin-top:25px;padding-top:18px;font-size:10px!important;border-top-color:var(--line)}.lesson-content{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}.material-page{padding:32px 35px 26px;min-height:525px}.lesson-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.lesson-topline>span:last-child:not(.tag){font-size:10px;color:#a2ac94}.material-page h1{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-1.1px;max-width:560px;margin-bottom:23px}.material-page h1>span{color:var(--accent)}.material-copy{font-size:18px;line-height:1.95;color:#5f705f;margin-bottom:28px;max-width:680px}.example-highlight{background:#f5f5ed;border:1px solid #e9ebdf;border-radius:11px;padding:21px 23px}.example-highlight>.eyebrow{font-size:8px;margin:0 0 14px;color:#a1a88d}.example-highlight>p{font-family:var(--serif);font-size:26px;line-height:1.3;color:#35452f;margin:0 0 10px;letter-spacing:-.6px}.example-highlight>span{font-size:13px;color:#99a18b}.audio-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#8c9c70;background:#edf1e5;border:1px solid #dce5cf;border-radius:7px;font-size:10px;padding:8px 10px;min-height:34px}.audio-button .icon{width:14px;height:14px}.audio-button:hover{background:#dfe8d3}.example-highlight>.audio-button{display:flex;width:fit-content;margin-top:17px}.lesson-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:23px;margin-top:33px}.lesson-bottom>span{font-size:10px;color:#a3ab96;display:flex;align-items:center;gap:5px}.lesson-bottom>span>.icon{width:13px;height:13px}.lesson-bottom>.text-link{font-size:11px}.lesson-bottom>.button{font-size:12px;min-height:42px}.subtle-copy{color:#99a18f;font-size:13px;line-height:1.8}.example-list{margin-top:22px;border-top:1px solid var(--line)}.example-list>div{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.example-list>div>span{font-size:10px;font-family:var(--serif);font-style:italic;color:#b1b8a5}.example-list strong{font-size:17px;font-weight:400;color:#4c5f47}.example-list p{font-size:12px;color:#9aa58c;margin:5px 0 0}.example-list .audio-button{margin-left:auto;flex-shrink:0}.audio-note{display:flex;align-items:start;gap:7px;font-size:10px;line-height:1.7;color:#a0aa93;margin:17px 0 28px}.audio-note>.icon{width:14px;height:14px;margin-top:2px}.material-page h3,.lesson-result h3{font-size:16px;margin-bottom:9px}.word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.word-card{display:flex;align-items:center;gap:12px;border:1px solid #e5e9dc;border-radius:8px;padding:13px 14px;background:#fcfcf8;min-width:0}.word-card strong{display:block;font-size:14px;font-weight:600;color:#70855b;overflow-wrap:anywhere}.word-card span{display:block;color:#a3ad96;font-size:10px;line-height:1.5;margin-top:5px}.save-word{display:grid;place-items:center;border:1px solid #dce4d2;color:#98a686;background:#fff;border-radius:50%;width:26px;height:26px;margin-left:auto;flex-shrink:0}.save-word>.icon{width:13px;height:13px}.save-word.saved{background:#e0e8d5;color:#829967;border-color:#d1debf}.question-prompt{font-size:19px;line-height:1.6;color:#52644d;margin-bottom:25px}.answer-options{display:grid;gap:11px}.answer-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #dfe5d5;border-radius:9px;background:#fff;text-align:left;min-height:54px;font-size:16px;line-height:1.4}.answer-option>span{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border:1px solid #e1e6d9;border-radius:6px;font-size:10px;color:#a4b092}.answer-option>.icon{margin-left:auto;color:var(--accent);width:16px;height:16px}.answer-option.selected{background:#f0f2fd;border-color:#9ba9df;color:var(--accent)}.answer-option.selected>span{border-color:#c2c9eb;background:#dce2f8;color:var(--accent)}.answer-option:not(:disabled):hover{border-color:#a0b08c}.write-label{display:block;font-size:12px;color:#9aa68c;margin-bottom:10px}.written-answer{display:block;width:100%;font-size:20px;border:1px solid #ced9bf;border-radius:9px;padding:17px 18px;background:#fbfcf7;color:var(--ink);min-height:60px}.written-answer::placeholder{color:#b9c0ad;font-size:14px}.input-note{font-size:10px;color:#a4ae96;line-height:1.6;margin:12px 0 0}.field-label{font-size:9px;font-weight:600;letter-spacing:.09em;color:#a6af97;margin-bottom:12px}.sentence-answer{display:flex;flex-wrap:wrap;gap:7px;align-items:center;min-height:74px;border-bottom:2px solid #cfd9c2;background:#fafbf6;border-radius:8px 8px 0 0;padding:12px}.sentence-answer>span{font-size:14px;color:#b2bda2}.sentence-answer>button,.token-bank>button{border:1px solid #d8e0cb;background:#fff;border-radius:7px;padding:11px 14px;font-size:15px;min-height:42px}.sentence-answer>button{display:flex;align-items:center;gap:6px;color:var(--accent);background:#eef1fc;border-color:#d3daf1}.sentence-answer>button>.icon{width:10px;height:10px;color:#99a6d2}.token-bank{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 13px}.token-bank>button:disabled{visibility:hidden}.sentence-builder>.text-link{font-size:11px}.answer-feedback{display:flex;align-items:start;gap:11px;border-radius:9px;padding:16px;margin-top:24px;background:#f6eee2;border:1px solid #ebd9b7;color:#9c8052}.answer-feedback.correct{background:#edf4e4;border-color:#d6e5c5;color:#7a935a}.answer-feedback>.icon{width:19px;height:19px}.answer-feedback strong{font-size:14px}.answer-feedback p{font-size:12px;line-height:1.7;color:inherit;margin:5px 0 0}.no-pressure{font-size:10px;color:#b0b9a1;text-align:center;line-height:1.6;margin:17px 0 0}.hint-box{padding:15px;border:1px dashed #d9dcbd;border-radius:8px;margin-top:18px;background:#faf9ee}.hint-box b{font-size:10px;color:#aaa57a}.hint-box p{font-size:17px;margin:8px 0;color:#827d54}.hint-box span{font-size:10px;color:#b0ac8d}.listening-card{background:#eff2fa;border-radius:10px;padding:22px;text-align:center;margin-bottom:23px;border:1px solid #e1e6f4}.listen-trigger{display:inline-flex;align-items:center;gap:10px;border:1px solid #b5c0e9;border-radius:9px;padding:13px 19px;background:#fff;color:var(--accent);font-weight:600;font-size:14px}.listening-card>p{font-size:12px;color:#98a5ca;margin:14px 0 6px}.listening-card>.text-link{font-size:10px;color:#9da8cc}.lesson-result{padding:36px;text-align:center}.result-mark{display:grid;place-items:center;margin:0 auto 25px;width:63px;height:63px;border-radius:50%;background:#e5eddc;color:#8a9f6c;box-shadow:0 0 0 8px #f6f8f2}.result-mark>.icon{width:29px;height:29px}.lesson-result>.eyebrow{font-size:8px}.lesson-result h1{font-family:var(--serif);font-weight:400;font-size:39px;line-height:1.1;letter-spacing:-1.3px;margin-bottom:20px}.lesson-result>p:not(.eyebrow){font-size:13px;color:#99a38b;line-height:1.8;max-width:470px;margin-inline:auto}.result-stats{display:grid;grid-template-columns:1fr 1fr;padding:22px 0;border-block:1px solid var(--line);margin:25px 0;gap:20px}.result-stats>div+div{border-left:1px solid var(--line)}.result-stats b{display:block;color:#7f9463;font-size:27px;font-weight:600}.result-stats span{display:block;color:#a4af95;font-size:10px;margin-top:7px}.lesson-result>.result-note{font-size:11px!important;margin-bottom:27px}.lesson-result .word-card{text-align:left}.result-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:30px}.result-actions .button{font-size:12px}.result-actions>.text-link{flex-basis:100%;justify-content:center;font-size:11px;margin-top:6px}
.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:30px}.review-card{padding:32px;background:#fff;border:1px solid var(--line);border-radius:14px}.review-source{font-size:11px;color:#9ea88f;margin:0 0 30px}.review-word{font-family:var(--serif);font-size:47px;font-weight:400;letter-spacing:-1px;line-height:1.15;margin-bottom:20px;overflow-wrap:anywhere}.reveal-button{display:flex;margin-top:35px}.word-reveal{margin-top:25px;padding:22px;background:#f0f4e9;border-radius:9px}.word-reveal strong{font-size:24px;color:#788d60;font-weight:400}.word-reveal>p{font-size:15px;margin:13px 0 0;color:#9ca98b;font-style:italic}.review-card>p{font-size:12px;color:#a3ad94}.review-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.review-actions .button{font-size:12px}.review-explanation{padding:20px 8px}.review-explanation>span{display:block;color:#b0bc9c;margin-bottom:22px}.review-explanation .icon{width:32px;height:32px}.review-explanation h3{font-family:var(--serif);font-size:25px;font-weight:400;line-height:1.25;margin-bottom:20px}.review-explanation p{font-size:12px;line-height:1.85;color:#a0aa92}.review-card>h2{font-size:24px;line-height:1.5;margin-bottom:24px}.review-card form>.button{margin-top:25px}.notebook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.notebook-word{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px;display:flex;flex-direction:column;min-width:0}.notebook-word-top{display:flex;align-items:start;gap:10px}.notebook-word-top>span{font-size:8px;line-height:1.6;color:#b1baa2}.notebook-word h2{font-family:var(--serif);font-size:29px;font-weight:400;letter-spacing:-.7px;margin:22px 0 9px;overflow-wrap:anywhere}.notebook-word>p{font-size:13px;color:#9ea98f;margin-bottom:20px}.notebook-word>blockquote{margin:0 0 23px;border-left:2px solid #dce5cf;padding:8px 0 8px 12px;font-size:13px;color:#b0b9a2;font-style:italic;line-height:1.6}.notebook-word>.audio-button{align-self:start;margin-top:auto}.notebook-word>.text-link{font-size:10px;margin-top:15px}.notebook-next{text-align:center;margin-top:25px}.progress-overview{background:#fff;border:1px solid var(--line);padding:30px;border-radius:14px;display:flex;align-items:center;gap:30px}.progress-circle{width:145px;height:145px;flex-shrink:0;background:conic-gradient(var(--accent) var(--progress),#ecefe5 var(--progress));border-radius:50%;padding:7px}.progress-circle>span{display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:#fff;height:100%;width:100%}.progress-circle b{font-size:46px;font-weight:400;color:var(--accent)}.progress-circle small{font-size:9px;color:#a7b098}.progress-overview h2{font-size:26px;margin-bottom:16px;max-width:430px}.progress-overview p{font-size:13px;color:#a2ac94;max-width:520px;line-height:1.8;margin-bottom:9px}.progress-levels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:21px}.progress-levels>div{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);padding:20px;border-radius:11px}.progress-levels>div>div{flex:1}.progress-levels h3{font-size:15px;margin:0 0 14px}.progress-levels b{color:#a3af90;font-size:13px;font-weight:400}.profile-settings{margin-top:32px;border-top:1px solid var(--line);padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:28px}.profile-settings h2{font-size:24px;margin-bottom:10px}.profile-settings p:not(.eyebrow){font-size:12px;color:#a1ad92;margin:0}.profile-settings form{display:flex;gap:8px;flex-wrap:wrap}.profile-settings input{min-height:43px;max-width:220px;border:1px solid #d6dfca;background:#fff;border-radius:8px;padding:11px 13px;font-size:13px;color:var(--ink)}.profile-settings .button{min-height:43px;font-size:12px}.storage-panel{margin-top:33px;padding:22px;background:#eeeee6;border-radius:10px;display:flex;align-items:center;gap:25px}.storage-panel>div{flex:1}.storage-panel h3{font-size:14px;margin-bottom:10px}.storage-panel p{font-size:11px;color:#a0aa91;margin:0;max-width:630px;line-height:1.7}.danger{color:#a47a66;font-size:11px;white-space:nowrap}.danger-button{background:#a96951;color:#fff}.storage-warning{margin-top:20px;padding:13px 16px;border:1px solid #e5cd9c;background:#fff4db;color:#9a7b43;font-size:12px;line-height:1.6;border-radius:8px}.loading-state{padding-top:90px}.loading-state h1{font-family:var(--serif);font-size:45px;font-weight:400}.loading-state p{color:var(--muted)}
dialog{background:#fffef9;color:var(--ink);border:1px solid var(--line);border-radius:15px;padding:32px;max-width:560px;width:calc(100% - 40px);box-shadow:0 15px 80px #27372f20}dialog::backdrop{background:#1d2c2a70;backdrop-filter:blur(3px)}dialog h2{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:-.8px;line-height:1.2;margin-bottom:20px}dialog p{font-size:13px;line-height:1.9;color:#8a987d}dialog a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.dialog-close{margin-top:16px;font-size:12px;min-height:42px}.toast{position:fixed;bottom:25px;left:calc(50% + 115px);transform:translate(-50%,15px);background:#2f4037;color:#f5f5ec;padding:14px 22px;border-radius:10px;box-shadow:0 6px 30px #10251c25;max-width:calc(100% - 40px);font-size:13px;line-height:1.5;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.alphabet-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:18px 0 23px}.alphabet-grid>button{border:1px solid #dfe6d7;background:#f7f9f2;min-height:38px;border-radius:6px;color:#879c6d;font-size:14px}
@media(min-width:1550px){.workspace{padding-inline:55px}.dashboard-top{grid-template-columns:minmax(0,1fr) 295px;gap:25px}.hero-copy h2{font-size:39px}.hero-copy>p{font-size:13px;max-width:310px}.hero-main{min-height:300px;padding:30px 33px}.hero-topline{padding:27px 33px 0}.hero-button{font-size:12px;min-height:44px}.art-paper{max-width:230px;min-height:250px}.notebook-art{min-height:267px;padding-right:14px}.art-paper>strong{font-size:57px}.art-paper>p{font-size:12px}.art-label{font-size:6px}.art-tab{left:50px}.art-word{width:200px;font-size:21px}.art-word>span{font-size:12px}.weekly-card h2{font-size:30px}.weekly-card>p{font-size:13px}.weekly-card>.section-line>.eyebrow{font-size:9px}.week-day>span{font-size:9px}.week-day>b{font-size:13px}.week-day>small{font-size:7px}.weekly-summary>span{font-size:11px}.weekly-card>small{font-size:9px}.page-greeting h1{font-size:39px}.course-card h3{font-size:23px}.course-card>p:not(.course-label){font-size:12px}.course-label{font-size:10px}.course-link{font-size:12px}.stat-strip>div>div>span{font-size:10px}.stat-progress>div:first-child>span{font-size:10px}.hero-small,.hero-bottom>span{font-size:10px}.practice-banner p:not(.eyebrow){font-size:12px}.practice-banner h2{font-size:26px}.practice-banner>.button{font-size:12px}}
@media(max-width:1250px){.sidebar{width:205px;padding-inline:18px}.workspace{margin-left:205px;padding-inline:28px}.dashboard-top{grid-template-columns:minmax(0,1fr) 220px;gap:17px}.hero-main{padding:22px;grid-template-columns:1.2fr .8fr}.hero-topline{padding-inline:22px}.hero-copy h2{font-size:27px}.notebook-art{padding-left:0;margin-left:0;min-height:205px}.art-paper{padding:16px;min-height:200px}.art-paper>strong{font-size:35px;letter-spacing:-2px}.art-label{font-size:4px;letter-spacing:.07em}.art-word{width:140px;left:-12px;bottom:0;font-size:15px;padding:11px}.art-tab{left:10px;font-size:5px}.art-spark{right:-7px}.weekly-card{padding:23px 16px 18px}.weekly-card h2{font-size:23px}.hero-topline>span:last-child{display:none}.hero-bottom{padding-inline:22px}.hero-bottom>span:last-child{display:none}.stat-strip{gap:12px;grid-template-columns:1fr 1fr 1fr}.stat-progress{display:none}.course-grid{gap:12px}.course-card{padding-inline:16px}.course-card h3{font-size:18px}.course-link{margin-inline:-16px;padding-inline:16px}.course-top{gap:6px}.course-top .tag{font-size:5px;padding:5px}.practice-banner{padding:23px;gap:17px}.practice-banner>.button{max-width:160px}.toast{left:calc(50% + 102px)}.curriculum-layout{grid-template-columns:minmax(0,1fr) 220px;gap:22px}.curriculum-aside{padding:21px}.lesson-layout{grid-template-columns:180px minmax(0,1fr);gap:22px}.material-page{padding:27px}.material-page h1{font-size:32px}.material-copy{font-size:17px;line-height:1.85}.lesson-outline h2{font-size:23px}.review-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-overview{gap:25px}.profile-settings{flex-wrap:wrap}}
@media(max-width:1050px){.sidebar{width:185px;padding-inline:14px}.brand{font-size:19px;gap:10px}.sidebar nav>a{font-size:11px;padding-inline:9px;gap:9px}.sidebar nav .icon{width:17px;height:17px}.workspace{margin-left:185px;padding-inline:23px}.page-greeting h1{font-size:31px}.greeting-note{font-size:11px}.dashboard-top{grid-template-columns:minmax(0,1fr)}.weekly-card{display:none}.hero-main{grid-template-columns:1.2fr 1fr;padding:25px 28px;min-height:265px}.hero-copy h2{font-size:32px}.hero-copy>p{font-size:12px;max-width:300px}.notebook-art{max-width:230px;justify-self:center;margin:0 10px;min-height:220px;width:100%}.art-paper{max-width:200px;min-height:220px;padding:20px}.art-paper>strong{font-size:46px}.art-label{font-size:5px}.art-word{width:170px;left:-10px;font-size:18px}.hero-topline{padding-inline:28px}.hero-topline>span:last-child{display:block}.hero-bottom{padding-inline:28px}.hero-bottom>span:last-child{display:flex}.course-card{padding:17px 14px 0}.course-top .tag{display:none}.course-card h3{font-size:18px}.course-link{margin-inline:-14px;padding-inline:14px}.course-top{margin-bottom:19px}.practice-banner{flex-wrap:wrap}.practice-banner>.button{max-width:none;margin-left:58px;font-size:11px}.topbar{height:88px}.topbar form{max-width:220px}.topbar>.top-caption{font-size:7px}.top-caption{font-size:7px}.toast{left:calc(50% + 92px)}.curriculum-layout{grid-template-columns:1fr}.curriculum-aside{display:none}.lesson-layout{grid-template-columns:1fr}.lesson-outline{position:static;padding:0 0 10px}.lesson-outline>.eyebrow,.lesson-outline>h2,.lesson-outline>p,.lesson-outline>small{display:none}.lesson-outline ol{display:flex;justify-content:space-between;gap:10px;margin:0 0 16px}.lesson-outline li{font-size:10px;margin:0;gap:7px}.lesson-outline li>span{width:21px;height:21px;font-size:8px}.material-page{padding:30px}.material-page h1{font-size:35px}.review-layout{grid-template-columns:1fr}.review-explanation{padding:15px 5px;max-width:600px}.review-explanation>span{display:none}.review-explanation h3{font-size:23px}.review-explanation h3>br{display:none}.page-heading h1{font-size:38px}.progress-overview{padding:25px}.progress-overview h2{font-size:23px}.progress-circle{width:120px;height:120px}.progress-circle b{font-size:38px}.progress-overview p{font-size:12px}.progress-levels{gap:14px}.progress-levels>div{padding:15px;gap:10px}.progress-levels h3{font-size:12px}.progress-levels .level-stamp{width:40px;height:43px;font-size:16px}.storage-panel{display:block}.storage-panel>.text-link{margin-top:12px}}
@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--line);display:block;padding:17px 20px 0}.brand{margin:0 0 18px;font-size:20px}.brand>span:last-child>span{display:inline;margin-left:3px}.brand-mark{width:34px;height:35px;border-radius:9px 3px 9px 3px;font-size:26px;padding-left:6px}.brand-mark>span{font-size:20px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:6px;overflow:auto;margin:0 -20px;padding:0 20px 12px;scrollbar-width:thin}.sidebar nav>a{white-space:nowrap;min-height:39px;gap:7px;font-size:11px;padding:9px 10px}.sidebar nav .icon{width:16px;height:16px}.sidebar .nav-count{font-size:8px;padding:4px}.workspace{margin:0;padding-inline:20px}.topbar{height:66px;gap:15px}.top-caption{display:none}.topbar>div>p{margin:0;font-size:10px}.topbar form{max-width:220px;width:45%;min-width:100px;gap:6px}.topbar input{font-size:11px}.topbar form>.icon{width:15px;height:15px}.topbar kbd{display:none}.profile-link{padding-left:10px}.profile-link>span{width:29px;height:29px;font-size:10px}.page-greeting{padding:27px 0 23px}.page-greeting h1{font-size:31px}.page-greeting .eyebrow{font-size:7px}.greeting-note{display:none}.hero-topline{padding:20px 22px 0}.hero-main{padding:23px 22px;grid-template-columns:1.2fr 1fr;gap:12px;min-height:250px}.hero-copy h2{font-size:31px}.hero-copy>p{font-size:11px}.hero-button{font-size:11px;min-height:41px;padding:11px 13px}.hero-small{font-size:7px}.hero-bottom{padding-inline:22px}.notebook-art{margin:0;max-width:205px;min-height:215px}.art-paper{min-height:210px;padding:18px}.art-label{font-size:4px}.art-paper>strong{font-size:43px}.art-word{width:150px;font-size:16px;left:-5px}.art-word>span{font-size:9px}.art-wave{font-size:18px}.art-spark{font-size:29px}.stat-strip{padding:22px 0;gap:14px}.stat-symbol{width:29px;height:32px}.stat-strip>div:not(.stat-progress){gap:8px}.stat-strip b{font-size:21px}.stat-strip b>small{font-size:10px}.stat-strip>div>div>span{font-size:8px;line-height:1.5}.section-heading{margin-top:26px}.section-heading h2{font-size:24px}.section-heading>.text-link{font-size:10px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.course-grid>.course-card:last-child{display:none}.course-card{padding:19px 18px 0}.course-top .tag{display:block;font-size:6px}.course-card h3{font-size:20px}.course-card>p:not(.course-label){font-size:11px;min-height:37px}.course-link{margin-inline:-18px;padding-inline:18px;font-size:11px}.course-label{font-size:9px}.course-progress>span{font-size:9px}.practice-banner{padding:23px;gap:16px;margin-top:23px}.practice-banner h2{font-size:23px}.practice-banner p:not(.eyebrow){font-size:11px}.practice-banner>div{flex:1}.practice-banner>.button{margin-left:56px}.site-footer{flex-wrap:wrap;gap:13px;font-size:8px;margin-top:19px;padding-block:23px}.site-footer>span:last-child{margin-left:0}.toast{left:50%;font-size:12px;min-width:250px;text-align:center}.page-heading{padding:30px 0 27px}.page-heading h1{font-size:36px}.page-heading>p:not(.eyebrow){font-size:13px}.page-heading>.eyebrow{font-size:8px}.filter-tabs{gap:6px;margin-bottom:25px}.filter-tabs>button{font-size:11px;padding:8px 11px;min-height:36px}.level-heading h2{font-size:23px}.level-heading p:not(.eyebrow){font-size:11px}.lesson-row{padding:16px;gap:12px}.lesson-row h3{font-size:15px}.lesson-row p{font-size:11px}.lesson-meta{gap:10px;font-size:9px}.lesson-number{width:26px;height:26px}.outline-card{padding:21px}.outline-mark{font-size:57px}.outline-card p,.outline-card li{font-size:12px}.lesson-breadcrumb{padding-block:22px 20px;gap:12px;font-size:9px}.lesson-breadcrumb>.text-link{font-size:10px}.autosaved{font-size:8px;gap:3px}.autosaved .icon{width:11px;height:11px}.lesson-layout{gap:14px}.lesson-outline li{font-size:9px;gap:5px}.lesson-outline li>span{width:19px;height:19px}.material-page{padding:25px;min-height:0}.lesson-topline{gap:10px;margin-bottom:24px}.lesson-topline>span:last-child:not(.tag){font-size:9px}.lesson-topline>.tag{font-size:8px}.material-page h1{font-size:33px;margin-bottom:21px}.material-copy{font-size:17px;line-height:1.9}.example-highlight{padding:20px}.example-highlight>p{font-size:26px}.example-highlight>span{font-size:12px}.lesson-bottom{margin-top:26px;padding-top:22px}.lesson-bottom>.button{font-size:12px}.lesson-bottom>.text-link{font-size:10px}.example-list strong{font-size:16px}.example-list p{font-size:11px}.word-card{padding:12px}.word-card strong{font-size:13px}.word-card span{font-size:9px}.question-prompt{font-size:18px}.answer-option{font-size:15px;gap:12px;padding:13px 14px;min-height:51px}.written-answer{font-size:18px;min-height:57px;padding:15px}.sentence-answer>button,.token-bank>button{font-size:14px;padding:9px 12px}.lesson-result{padding:29px 25px}.lesson-result h1{font-size:36px}.lesson-result>p:not(.eyebrow){font-size:12px}.result-stats span{font-size:9px}.review-card{padding:25px}.review-word{font-size:40px}.review-source{font-size:10px}.review-card>h2{font-size:23px}.notebook-grid{gap:14px}.notebook-word{padding:20px}.notebook-word h2{font-size:26px}.notebook-word-top>span{font-size:7px}.notebook-word>p{font-size:12px}.notebook-word>blockquote{font-size:12px}.progress-overview{padding:22px;gap:23px}.progress-overview h2{font-size:23px}.progress-overview p{font-size:11px}.progress-circle{width:112px;height:112px}.progress-circle small{font-size:8px}.progress-levels{grid-template-columns:1fr}.profile-settings{margin-top:26px;padding-top:24px;gap:20px}.profile-settings h2{font-size:23px}.profile-settings p:not(.eyebrow){font-size:11px}.profile-settings form{width:100%}.profile-settings input{max-width:none;flex:1;min-width:120px}.alphabet-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:440px){.workspace{padding-inline:16px}.sidebar{padding-inline:16px}.sidebar nav{margin-inline:-16px;padding-inline:16px}.brand{font-size:20px}.topbar{gap:10px}.topbar>div>p{font-size:9px}.topbar form{min-width:90px}.profile-link{padding-left:7px}.page-greeting h1{font-size:29px}.hero-main{display:block;position:relative;min-height:258px;padding:23px 21px}.hero-copy{position:relative;z-index:2;max-width:87%}.hero-copy h2{font-size:31px}.hero-copy>p{font-size:11px;max-width:235px;margin-bottom:19px}.notebook-art{position:absolute;right:-65px;top:25px;opacity:.16;pointer-events:none;transform:rotate(6deg)}.hero-topline{padding-inline:21px}.hero-topline>span:last-child{display:none}.hero-bottom{padding-inline:21px;font-size:7px}.hero-bottom>span:last-child{display:none}.hero-small{font-size:8px}.stat-strip{gap:10px}.stat-strip>div:not(.stat-progress){gap:6px}.stat-symbol{width:25px;height:29px;border-radius:7px}.stat-symbol .icon{width:15px;height:15px}.stat-strip b{font-size:19px}.stat-strip>div>div>span{font-size:7px;max-width:75px}.section-heading>.text-link{font-size:9px;gap:5px}.section-heading h2{font-size:23px}.section-heading .eyebrow{font-size:6px}.course-card{padding:17px 14px 0}.course-card h3{font-size:19px}.course-top .tag{display:none}.course-link{margin-inline:-14px;padding-inline:14px;font-size:10px}.course-card>p:not(.course-label){font-size:10px;min-height:50px}.practice-banner{padding:20px;gap:14px}.practice-banner h2{font-size:22px}.practice-banner>.button{margin-left:0;min-height:40px}.banner-mark{font-size:30px}.practice-banner .eyebrow{font-size:6px}.page-heading h1{font-size:32px;letter-spacing:-1.2px}.page-heading>.eyebrow{font-size:7px}.page-heading>p:not(.eyebrow){font-size:12px}.filter-tabs>button{font-size:10px;padding:8px 10px}.level-heading{gap:12px}.level-heading h2{font-size:21px}.level-heading p:not(.eyebrow){font-size:10px;line-height:1.5}.level-stamp{width:42px;height:45px;font-size:17px}.level-total{font-size:10px}.lesson-row{padding:15px 13px;gap:11px}.lesson-row h3{font-size:14px}.lesson-row p{font-size:10px;line-height:1.5}.lesson-meta{font-size:0;gap:0}.lesson-meta>.icon{width:15px;height:15px}.lesson-breadcrumb>span:not(.autosaved){display:none}.autosaved{margin-left:auto}.lesson-outline ol{gap:5px}.lesson-outline li{font-size:8px;gap:4px}.lesson-outline li>span{width:17px;height:17px;font-size:7px}.lesson-outline .icon{width:11px;height:11px}.material-page{padding:23px 20px}.material-page h1{font-size:30px}.material-copy{font-size:16px;line-height:1.9}.example-highlight{padding:18px}.example-highlight>p{font-size:25px}.lesson-bottom>span{display:none}.lesson-bottom{justify-content:end}.lesson-bottom>.text-link{margin-right:auto}.lesson-bottom>.button{font-size:11px;padding:11px 13px;gap:8px}.example-list{margin-top:15px}.example-list>div{gap:10px;padding-block:16px}.example-list strong{font-size:15px;line-height:1.5;display:block}.example-list .audio-button{padding:7px;font-size:0;min-width:30px}.word-grid{gap:8px}.word-card{padding:10px;gap:8px}.word-card strong{font-size:12px}.word-card span{font-size:9px}.save-word{width:24px;height:24px}.question-prompt{font-size:17px}.answer-option{font-size:14px;padding:13px 12px;gap:10px}.answer-option>span{width:23px;height:23px;font-size:9px}.input-note{font-size:9px}.listening-card{padding:19px}.listen-trigger{font-size:12px}.listening-card>p{font-size:11px}.hint-box p{font-size:15px}.answer-feedback{padding:14px;gap:9px}.answer-feedback p{font-size:11px}.lesson-result{padding:28px 20px}.lesson-result h1{font-size:33px}.result-stats{gap:13px}.result-stats b{font-size:25px}.result-stats span{font-size:8px;line-height:1.5}.review-card{padding:23px 20px}.review-card>h2{font-size:21px}.review-card .lesson-topline>span:last-child:not(.tag){font-size:8px}.review-word{font-size:37px}.notebook-grid{grid-template-columns:1fr}.notebook-word h2{font-size:30px}.notebook-word-top>span{font-size:8px}.notebook-word>p{font-size:13px}.notebook-word>blockquote{font-size:13px}.progress-overview{display:block;padding:25px;text-align:center}.progress-circle{margin:0 auto 25px}.progress-overview h2{font-size:25px}.progress-overview p{font-size:12px}.site-footer>span:first-child{flex-basis:100%}.site-footer>span:last-child{margin-left:auto}dialog{padding:25px}dialog h2{font-size:27px}dialog p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Keep dashboard copy legible as well as the larger lesson text. */
@media(min-width:1051px){.hero-copy>p{font-size:13px}.hero-button{font-size:12px}.hero-small,.hero-bottom>span{font-size:10px}.course-card>p:not(.course-label){font-size:12px}.course-label{font-size:10px}.course-link{font-size:12px}.course-progress>span{font-size:10px}.stat-strip>div>div>span{font-size:10px}.weekly-card>p{font-size:13px}.weekly-card>small{font-size:9px}.weekly-summary>span{font-size:11px}.practice-banner p:not(.eyebrow){font-size:12px}.practice-banner>.button{font-size:12px}}

/* Longer reading and writing tasks stay readable without shrinking the type. */
.reading-passage{padding:24px;background:#f6f7f0;border:1px solid #e3e8da;border-radius:10px;margin:0 0 25px;max-height:530px;overflow:auto}
.reading-passage>p:not(.eyebrow){font-size:16px;line-height:1.95;color:#52624d;white-space:normal}.reading-passage>p:last-child{margin-bottom:0}
.extended-answer{min-height:300px;resize:vertical;line-height:1.85;font-size:16px;font-family:Barlow,Arial,sans-serif;white-space:pre-wrap}
.self-assessment-notice{display:flex;gap:9px;align-items:start;background:#eef0fb;padding:15px;border:1px solid #dde2f3;border-radius:8px;color:#7d8cbe;font-size:12px;line-height:1.7}
.self-assessment-notice .icon{width:18px;height:18px;margin-top:2px}.word-counter{font-size:11px;color:#99a68b;margin:10px 0 20px}
.model-answer{background:#f2f5e9;border:1px solid #dfe6d2;border-radius:10px;padding:22px;margin-top:25px}.model-answer>p:not(.eyebrow){font-size:15px;line-height:1.9;white-space:pre-wrap;color:#71845e}.model-answer>p:last-child{margin-bottom:0}
.self-checks{border:1px solid #dde4d3;border-radius:9px;margin:25px 0 0;padding:20px}.self-checks legend{font-size:13px;font-weight:600;padding:0 7px}.self-checks>p{font-size:11px;color:#a0ab91}.self-checks label{display:flex;align-items:start;gap:10px;font-size:13px;line-height:1.75;padding:9px 0;color:#7d8b70}.self-checks input{margin-top:5px;accent-color:#4d60c7;flex-shrink:0}
.self-assessed-result,.self-assessment-summary{padding:15px;background:#f3f0e7;border:1px solid #e5dec9;border-radius:8px;color:#9e8f65;font-size:12px;line-height:1.75;margin-top:20px}
.assessment-tag{display:inline-block;font-size:8px;font-weight:400;color:#929e7f;border:1px solid #dce4cf;border-radius:4px;padding:3px 5px;margin-left:5px;vertical-align:middle;letter-spacing:0}
@media(max-width:760px){.reading-passage{padding:19px;max-height:450px}.reading-passage>p:not(.eyebrow){font-size:15px}.model-answer{padding:19px}.model-answer>p:not(.eyebrow){font-size:14px}.self-checks{padding:16px}.self-checks label{font-size:12px}.extended-answer{font-size:15px}.self-assessment-notice{font-size:11px}}
.speaking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.speaking-task-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;min-width:0}.speaking-task-card h2{font-size:23px;margin:21px 0 12px}.speaking-task-card p{font-size:13px;color:#95a187;line-height:1.85}.speaking-status{font-size:10px;color:#a1ac91;margin-top:auto;margin-bottom:17px}.speaking-task-card>.button{font-size:12px;align-self:start}.speaking-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:30px}.speaking-work{background:#fff;border:1px solid var(--line);border-radius:12px;padding:29px}.speaking-work>ol{padding-left:21px;color:#839571;font-size:15px;line-height:1.9}.speaking-clock{padding:25px 0;display:flex;align-items:center;gap:18px}.speaking-clock>b{font-size:49px;font-weight:400;letter-spacing:-2px;color:#849c6a;font-variant-numeric:tabular-nums}.speaking-clock>span{font-size:11px;color:#a2ac94;max-width:200px;line-height:1.8}.speaking-actions{display:flex;gap:10px;flex-wrap:wrap}.speaking-actions>.button{font-size:12px;min-height:41px}.recording-tools{border-block:1px solid var(--line);padding:23px 0;margin:25px 0}.recording-tools>h3{font-size:17px}.recording-tools>p{font-size:12px;color:#9ba88b;line-height:1.85}.recording-tools>audio{display:block;width:100%;margin:20px 0 10px}.recording-indicator{color:#b47969!important}.speaking-work>.self-checks{margin-bottom:22px}.speaking-work>.button{font-size:12px}.speaking-work>.text-link{font-size:12px}
@media(max-width:1100px){.speaking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.speaking-layout{grid-template-columns:1fr}.speaking-task-card{padding:21px}}@media(max-width:500px){.speaking-grid{grid-template-columns:1fr}.speaking-work{padding:23px 20px}.speaking-clock{gap:13px}.speaking-clock>b{font-size:43px}.speaking-task-card h2{font-size:25px}}

/* Extended practice keeps the existing paper-and-notebook visual language. */
.audio-settings{border:1px solid var(--line,#ddd);border-radius:12px;padding:16px;margin:22px 0;display:flex;flex-wrap:wrap;gap:14px;min-width:0}
.audio-settings legend{font-weight:600;padding:0 6px}.audio-settings label{display:grid;gap:7px;flex:1 1 180px;min-width:0;font-size:14px}.audio-settings select{max-width:100%;width:100%;padding:10px;border:1px solid #b9bcb5;border-radius:7px;background:#fff;color:#25322c;font:inherit}.audio-settings .input-note{flex-basis:100%;margin:0}
.human-listening{margin-top:28px;padding-top:20px;border-top:1px solid #d9ddd5}.human-listening details,.previous-draft,.spontaneous-prompts{border:1px solid #d9ddd5;border-radius:10px;padding:14px;margin:12px 0;background:#fafbf7}.human-listening summary,.previous-draft summary,.spontaneous-prompts summary{cursor:pointer;font-weight:600;line-height:1.5}.human-listening p,.human-listening li,.previous-draft p,.spontaneous-prompts p,.spontaneous-prompts li{font-size:15px;line-height:1.65}.human-listening ol,.spontaneous-prompts ol{padding-left:23px}.human-listening li{margin:10px 0}.previous-draft p{white-space:pre-wrap;overflow-wrap:anywhere}
.checkpoint-report{margin:30px 0;padding:22px;background:#edf1e9;border-radius:14px;text-align:left}.checkpoint-report p{line-height:1.65}.skill-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:20px 0}.skill-results article{background:#fff;border-radius:10px;padding:16px}.skill-results h3{margin:0 0 10px}.skill-results b{font-size:16px}.checkpoint-report .result-actions{flex-wrap:wrap}.checkpoint-report .button{white-space:normal;text-align:left}.listening-card .audio-settings{text-align:left}.speaking-grid .speaking-task-card{min-width:0}
.word-example{display:block;font-size:13px;line-height:1.55;color:#536258;margin-top:8px;max-width:34em;overflow-wrap:anywhere}.word-card>div{min-width:0}

/* Guided production, competency evidence, and independent practice. */
.writing-tools,.speaking-feedback{margin:24px 0;padding-top:22px;border-top:1px solid var(--line)}.writing-tools>label,.speaking-feedback>label,.transfer-task>label{display:block;margin:16px 0 8px;font-weight:600;font-size:15px}.writing-tools textarea,.speaking-feedback textarea,.transfer-task textarea{display:block;width:100%;resize:vertical;border:1px solid #bac3b2;border-radius:8px;background:#fffdf6;color:#283821;font:inherit;line-height:1.65;padding:12px}.writing-guidance{margin:20px 0;padding:20px;background:#f0f3e9;border:1px solid #d3ddc6;border-radius:12px;color:#35432c}.writing-guidance p,.writing-guidance li{font-size:15px;line-height:1.7;overflow-wrap:anywhere}.writing-guidance li{margin:12px 0}.writing-guidance li p{margin:5px 0}.rating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rating-grid label{display:grid;gap:8px;font-size:14px}.rating-grid select{min-width:0;width:100%;padding:10px;font:inherit;border:1px solid #b8c0af;border-radius:7px;background:#fff}.speaking-feedback>.button{margin:16px 12px 0 0}.audio-credit{font-size:12px!important;line-height:1.65;overflow-wrap:anywhere}.audio-credit a{text-decoration:underline}[data-human-player] audio{display:block;width:100%;max-width:100%;margin:16px 0}
.competency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.competency-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.competency-card h3{font-size:20px;line-height:1.35}.competency-card p{font-size:15px;line-height:1.75}.competency-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.competency-links .button{font-size:12px;padding:9px;min-height:36px}.mastery-work .answer-option{cursor:pointer;display:flex;align-items:start;gap:12px;text-align:left}.mastery-work .answer-option input{margin-top:4px;flex:none}.mastery-work form>.button{margin-top:22px}.mastery-work .input-note .button{font-size:12px}.transfer-task{margin:24px 0;padding:18px;border:1px solid #c7d2bb;border-radius:10px;background:#fafcf6}.transfer-task .button{margin-top:16px}.checkpoint-report summary{cursor:pointer;font-weight:600;line-height:1.6}.dialogue-turn{padding:16px 0;border-bottom:1px solid #dfe4d7}.dialogue-turn p{font-size:15px;line-height:1.65}.dialogue-explanation{color:#657857}.dialogue-partner{background:#eef2e7;padding:20px;border-radius:12px;margin:22px 0}.dialogue-partner h2{font-size:22px;line-height:1.5}.dialogue-work details summary{cursor:pointer}.dialogue-work>.result-actions{flex-wrap:wrap}.sidebar nav{overflow-y:auto;max-height:calc(100svh - 310px)}
@media(max-width:760px){.competency-grid,.rating-grid{grid-template-columns:1fr}.writing-tools .result-actions{flex-wrap:wrap}.writing-tools .button{white-space:normal}.mastery-work{padding:22px 18px}.sidebar nav{max-height:none}.practice-banner{flex-wrap:wrap}.practice-banner .button{white-space:normal}.audio-credit{font-size:12px!important}}
.audio-source-details{font-size:12px;line-height:1.65;text-align:left;overflow-wrap:anywhere}.audio-source-details summary{cursor:pointer}.sidebar-bottom{flex-shrink:0}.mastery-work label.answer-option:has(input:checked){border-color:#7d9568;background:#edf3e4}