:root{--bg:#fafbf8;--ink:#203a32;--muted:#7b8780;--green:#176b52;--line:#e6eae3;--lime:#e7efad;--soft:#eef2e9;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid #bd8d32;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{font-size:44px;line-height:1.23;letter-spacing:-1.8px;font-weight:700;margin-bottom:20px}h1 span{color:#84958a}h2{font-size:25px;letter-spacing:-.7px}h3{font-size:17px;letter-spacing:-.3px}p{line-height:1.7}small{font-size:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;border-right:1px solid var(--line);background:#fff;padding:36px 25px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:23px;letter-spacing:-1px;margin-bottom:56px}.brand-icon{width:31px;height:33px;border-radius:9px;background:var(--green);color:white;font-size:27px;line-height:29px;display:inline-block;position:relative;text-align:center;margin-right:9px}.brand-icon span{position:absolute;right:0;top:-9px;font-size:19px;color:var(--lime)}.brand-dot{color:var(--green)}.workspace-label{font-size:9px;letter-spacing:1.6px;color:#969f98;margin:0 12px 19px}nav{display:flex;flex-direction:column;gap:9px}nav a{display:flex;align-items:center;gap:14px;padding:13px 15px;font-size:13px;color:#738077;border-radius:7px}nav a>span{font-size:19px;width:20px}nav a.active{background:#eaf3ec;color:var(--green);font-weight:700}nav a:hover{background:var(--soft)}nav small{margin-left:auto;background:white;padding:2px 6px;border-radius:4px}.sidebar-course{margin-top:auto;background:#f5f6ec;border:1px solid #eaeddc;border-radius:12px;padding:22px 19px;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--green);margin-bottom:13px}.sidebar-course .eyebrow{font-size:8px}.sidebar-course h3{font-size:16px;line-height:1.6;margin:13px 0 10px}.sidebar-course p{font-size:11px;color:var(--muted);margin:0 0 24px}.leaf{font-size:47px;line-height:30px;color:#bfcb7e;position:absolute;bottom:4px;right:12px}.local-note{display:flex;gap:11px;align-items:center;padding-top:28px;font-size:10px}.local-note small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.avatar,.profile-button{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#eee9da;width:32px;height:32px;color:#716c55;font-size:12px}.main-shell{margin-left:240px}.topbar{height:83px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);background:#fff}.topbar>div{display:flex;align-items:center;gap:9px}.profile-button{margin-left:18px}.status-dot{width:6px;height:6px;background:#7a9b6e;border-radius:50%}main{padding:44px 48px 20px;max-width:1400px;margin:auto;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center}.subheading{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:29px}.page-heading .subheading{font-size:13px}.date-tag{font-size:9px;letter-spacing:1.5px;color:var(--muted);text-align:right;line-height:2.3;padding-bottom:35px}.date-tag strong{font-weight:500;font-size:12px;letter-spacing:0;color:var(--ink)}.hero-course{display:grid;grid-template-columns:1.05fr 1fr;background:#185c49;border-radius:16px;overflow:hidden;min-height:365px;color:white;position:relative}.hero-content{padding:34px 0 32px 35px;z-index:1}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #60927c;padding:6px 9px;border-radius:30px;font-size:8px;letter-spacing:1px;color:#d7e7d3}.pill span{background:#d5e89f;height:5px;width:5px;border-radius:50%}.hero-content h2{font-size:35px;letter-spacing:-1px;line-height:1.25;margin:17px 0 13px;font-weight:600}.hero-content>p{color:#c3d4c9;font-size:12px;max-width:330px;line-height:1.8}.hero-meta{display:flex;gap:15px;font-size:9px;color:#cfddcf;margin:19px 0 25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 18px;border:1px solid var(--green);border-radius:7px;background:var(--green);color:#fff;font-size:12px;font-weight:600;line-height:1.4}.button:hover{filter:brightness(.94)}.button.cream{background:var(--lime);color:#294b32;border-color:var(--lime);min-width:221px;justify-content:space-between}.button.outline{background:transparent;border-color:#d2dbcc;color:var(--ink)}.hero-content>small{display:block;font-size:9px;color:#a4c2b1;margin-top:12px}.sheet-art{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 40%,#39795a55,transparent 70%);overflow:hidden}.sheet-art:before,.sheet-art:after{content:'';position:absolute;border:1px solid #92b78420;border-radius:50%;height:440px;width:440px;top:-100px;left:5%}.sheet-art:after{height:540px;width:540px;top:-150px;left:-6%}.art-badge{font-size:7px;letter-spacing:2px;position:absolute;top:24px;right:31px;color:#a9c6ac}.spreadsheet{position:relative;z-index:1;width:302px;background:#f9fbf5;color:#4f6756;border-radius:9px;box-shadow:0 24px 40px #0d302d50;transform:rotate(-7deg);margin:16px 0 10px 10px;overflow:hidden}.sheet-bar{display:flex;align-items:center;gap:8px;background:#e9eee4;font-size:8px;padding:12px}.sheet-bar>span:last-child{margin-left:auto}.excel-mark{display:inline-flex;width:18px;height:20px;align-items:center;justify-content:center;background:#2f7a54;color:white;font-size:10px}.formula-bar{background:#fff;font-size:8px;padding:8px;display:flex;gap:15px;border-bottom:1px solid #e1e7dc}.formula-bar b{color:#9aaa92}.sheet-grid{display:grid;grid-template-columns:20px 1fr 1fr 1fr;font-size:8px}.sheet-grid>*{padding:7px 5px;border-right:1px solid #e8ecdf;border-bottom:1px solid #e8ecdf}.sheet-grid span{background:#edf1e7;color:#9ba793;text-align:center;font-weight:400}.sheet-grid strong{background:#e1ecd7;font-weight:600}.sheet-grid b{font-weight:400}.sheet-grid em{color:#438963;font-style:normal}.art-chart{height:82px;margin:15px 25px 12px;display:flex;gap:13px;align-items:end;border-bottom:1px solid #dbe6d4}.art-chart i{flex:1;background:#a3b986;border-radius:3px 3px 0 0}.art-chart i:nth-child(even){background:#4b8761}.sheet-tab{font-size:7px;background:#edf2e7;padding:8px 15px}.floating-note{position:absolute;right:14px;bottom:24px;background:#fffdf1;color:var(--ink);padding:12px 18px 12px 11px;display:flex;align-items:center;gap:10px;z-index:2;transform:rotate(4deg);border-radius:9px;box-shadow:0 5px 20px #123c3c30;font-size:9px}.floating-note>span{background:#e8efd5;border-radius:50%;padding:8px;color:var(--green)}.floating-note strong{display:block;font-size:11px;margin-top:3px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;border-bottom:1px solid var(--line);margin-bottom:35px}.stat-row>div{display:flex;align-items:center;gap:12px;padding-left:25px;border-left:1px solid var(--line)}.stat-row>div:first-child{border:none;padding-left:0}.stat-icon{display:flex;justify-content:center;align-items:center;width:38px;height:38px;background:#eff2e9;color:#6a8065;border-radius:9px;font-size:23px}.stat-row strong{font-size:12px;font-weight:600}.stat-row small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.section-heading h2{font-size:23px;margin:0}.section-heading .eyebrow{font-size:9px;margin-bottom:8px}.text-link{font-size:11px;color:var(--green);font-weight:600;display:inline-flex;gap:20px;line-height:1.6}.text-link:hover{text-decoration:underline}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.module-card{display:block;border:1px solid var(--line);background:#fff;padding:20px;border-radius:10px;transition:transform .15s,border-color .15s}.module-card:hover{transform:translateY(-3px);border-color:#b9cbb5}.module-top{display:flex;align-items:center;gap:10px;margin-bottom:21px}.module-icon{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;border-radius:9px;background:#f0f2e5;color:#647b4b;font-size:20px}.module-card:nth-child(2n) .module-icon{background:#eaf1ee;color:#5d8f7b}.module-card:nth-child(3n) .module-icon{background:#f6eee3;color:#ae8d65}.module-number{font-size:8px;letter-spacing:1.2px;color:#929e91}.module-arrow{margin-left:auto;color:#a0ab9c}.module-card h3{font-size:14px;margin:0 0 8px}.module-card>p{font-size:10px;color:var(--muted);margin-bottom:21px}.module-meta{display:flex;justify-content:space-between;font-size:8px;color:#939b90;margin-top:25px;gap:5px}.module-meta>span:last-child{color:#5b7656}.thin-progress{height:3px;background:#f0f3ec;margin-top:13px;border-radius:5px;overflow:hidden}.thin-progress span,.progress span{display:block;height:100%;background:#6a9571}.bottom-banner{display:flex;align-items:center;gap:19px;background:#f1f3e8;border:1px solid #e7ebd9;padding:25px;border-radius:10px;margin:30px 0 15px}.banner-icon{font-size:40px;color:#9cae77}.bottom-banner h3{font-size:14px;margin:0 0 6px}.bottom-banner p{font-size:10px;color:var(--muted);margin:0}.bottom-banner .button{margin-left:auto;white-space:nowrap;font-size:10px}footer{max-width:1400px;margin:auto;padding:20px 48px 25px;display:flex;gap:20px;justify-content:space-between;color:#99a194;font-size:9px}footer a{text-decoration:underline}.notice{padding:20px 23px;background:#f0f3e8;border:1px solid #e1e6d7;border-radius:9px;font-size:13px;line-height:1.8;margin:24px 0}.notice p{margin:8px 0 15px}.course-layout,.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:28px;align-items:start}.curriculum-section{margin:18px 0 32px}.curriculum-section .section-heading h2{font-size:19px}.muted{color:#9aa892;margin-right:9px}.lesson-row{display:flex;gap:13px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.lesson-row>div{flex:1}.lesson-row strong{font-size:13px}.lesson-row small{display:block;color:var(--muted);margin-top:5px;font-size:11px;line-height:1.6}.lesson-row>span:last-child{font-size:10px;white-space:nowrap;color:var(--muted)}.lesson-check{font-size:20px;color:#b0bca6}.lesson-check.done{color:var(--green)}.side-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:24px;position:sticky;top:24px}.side-card h2{font-size:42px;margin-bottom:16px}.side-card h3{margin-top:25px;font-size:15px}.side-card p{font-size:12px;color:var(--muted)}.side-card .button{width:100%;margin-bottom:12px}.progress{height:6px;border-radius:9px;background:#e8ede1;overflow:hidden;margin:18px 0}.fine-print{font-size:11px!important;color:var(--muted);line-height:1.8}.tag{font-size:9px;display:inline-flex;background:#edf3e7;color:#567548;padding:6px 10px;border-radius:20px;white-space:nowrap}.assessment-wrap{max-width:740px;margin:5px auto 30px}.assessment-card{background:white;border:1px solid var(--line);border-radius:14px;padding:30px}.assessment-card .section-heading{font-size:12px;color:var(--muted)}.assessment-card h2,.knowledge-check h2{font-size:22px;line-height:1.5;margin:28px 0 23px}.choices{display:grid;gap:12px}.choice{display:flex;text-align:left;align-items:center;gap:14px;background:#fff;border:1px solid #dfe5da;border-radius:8px;padding:15px;color:var(--ink);font-size:13px;line-height:1.5}.choice>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:27px;height:27px;border-radius:5px;background:#f3f5ee;font-size:11px;color:#7f8c77}.choice:hover,.choice.selected{border-color:var(--green);background:#f0f6ee}.choice.correct{border-color:#448750}.choice.incorrect{border-color:#b47c4c;background:#fcf5ec}.actions{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:25px 0}.lesson-layout{margin-top:28px;grid-template-columns:minmax(0,1fr) 230px}.lesson-layout h1{font-size:36px}.lesson-labels{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:11px;margin-bottom:25px}.outcome{display:flex;gap:15px;background:#eff3e8;padding:22px;border-radius:10px;margin:20px 0 30px}.outcome>span{font-size:23px;color:var(--green)}.outcome strong{font-size:12px}.outcome p{font-size:13px;margin:5px 0 0;color:#6f806c}.lesson-body{font-size:15px;line-height:1.9}.lesson-body p{margin-bottom:22px}.lesson-body code{background:#eaf0e5;padding:3px 5px;border-radius:4px;overflow-wrap:anywhere;font-size:13px}.practice-box{background:#f5f2e7;border:1px solid #e9e3cc;padding:25px;border-radius:12px;margin:30px 0}.practice-box h2{font-size:23px}.practice-box p{font-size:14px}.practice-box details{margin:20px 0;border-top:1px solid #e0decf;padding-top:18px;font-size:12px}.practice-box summary{cursor:pointer;color:var(--green);font-weight:600;line-height:1.7}.practice-box details p{font-size:13px;padding-top:10px}.task-confirm{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.7}.task-confirm input{accent-color:var(--green);margin-top:4px}.knowledge-check{margin:35px 0}.feedback{padding:17px;background:#fcf0df;border-radius:8px;font-size:13px;line-height:1.7;margin-top:16px}.feedback.success{background:#e8f3e6}.mini-lesson{display:flex;gap:10px;font-size:12px;line-height:1.7;padding:12px 0;color:var(--muted);border-bottom:1px solid var(--line)}.mini-lesson.current{color:var(--green);font-weight:700}.lesson-sidebar h3{margin:15px 0}.lesson-sidebar hr{border:0;margin:20px 0}.resource-list{display:grid;gap:14px}.resource-card{display:flex;align-items:center;gap:22px;padding:25px;border:1px solid var(--line);border-radius:12px;background:white}.resource-card:hover{border-color:#9cb891}.resource-card>div{flex:1}.resource-card h3{margin-bottom:8px}.resource-card p{font-size:12px;color:var(--muted);margin:0}.resource-card>span:last-child{font-size:23px;color:var(--green)}.file-icon{display:flex;align-items:center;justify-content:center;width:54px;height:62px;background:#edf2e3;border-radius:8px;color:var(--green);font-size:10px;flex-shrink:0}.settings-card{position:static;max-width:600px}.settings-card label{display:block;font-size:13px;margin-bottom:25px}.settings-card select{display:block;width:100%;padding:13px;border:1px solid var(--line);border-radius:6px;margin-top:12px;background:white;color:var(--ink)}#save-status{font-size:13px;color:var(--green);padding-top:10px}.celebration{font-size:80px;color:#8ba36c}
@media(min-width:1450px){main{padding-top:55px}.hero-course{min-height:390px}.hero-content{padding-left:45px}.hero-content h2{font-size:40px}.spreadsheet{width:340px}.art-chart{height:100px}.module-card{padding:24px}.module-card h3{font-size:16px}}
@media(max-width:1150px){.sidebar{width:205px;padding:30px 17px}.brand{font-size:21px}.main-shell{margin-left:205px}.topbar{padding:0 28px}main{padding:32px 28px}.hero-content{padding-left:25px}.hero-content h2{font-size:30px}.hero-meta{gap:10px;font-size:8px}.spreadsheet{width:255px}.floating-note{right:9px;bottom:25px}.module-grid{gap:12px}.module-card{padding:16px}.module-meta{flex-direction:column;gap:8px}.stat-row>div{padding-left:15px;gap:9px}.stat-row strong{font-size:11px}.stat-row small{font-size:8px}.course-layout,.lesson-layout{grid-template-columns:minmax(0,1fr) 210px;gap:22px}.bottom-banner{padding:20px;gap:12px}.bottom-banner .button{padding:10px}.bottom-banner h3{font-size:12px}footer{padding-left:28px;padding-right:28px}}
@media(max-width:900px){.sidebar{width:180px;padding:25px 12px}.main-shell{margin-left:180px}.brand{font-size:18px}.brand-icon{width:25px;height:28px;font-size:22px}.workspace-label{font-size:8px;margin-left:8px}nav a{padding:12px 9px;gap:8px;font-size:12px}.sidebar-course{padding:16px 12px}.local-note{gap:7px;font-size:9px}h1{font-size:36px}.date-tag{display:none}.hero-course{grid-template-columns:1fr}.hero-content{padding:28px;max-width:75%}.hero-content h2{font-size:34px}.sheet-art{position:absolute;right:-90px;top:40px;width:300px;height:340px;opacity:.25;pointer-events:none}.floating-note{display:none}.hero-meta{font-size:10px;gap:15px}.hero-content>p{font-size:13px}.hero-content>small{font-size:10px}.module-grid{grid-template-columns:repeat(2,1fr)}.stat-row{gap:12px}.stat-icon{display:none}.stat-row>div{padding-left:10px}.course-layout,.lesson-layout{grid-template-columns:1fr}.side-card{position:static}.lesson-sidebar{display:none}.bottom-banner{flex-wrap:wrap}.bottom-banner .button{margin-left:48px}.section-heading h2{font-size:21px}.section-heading .text-link{font-size:10px;gap:8px}footer{flex-wrap:wrap;gap:10px}.topbar{font-size:10px}}
@media(max-width:640px){.sidebar{position:static;width:100%;padding:17px 18px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 18px;font-size:22px}.brand-icon{width:28px;height:30px;font-size:25px}.workspace-label,.sidebar-course,.local-note{display:none}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 -7px}nav a{padding:11px 4px;border-radius:6px 6px 0 0;justify-content:center;gap:5px;font-size:10px}nav a>span{font-size:15px;width:auto}nav small{display:none}.main-shell{margin-left:0}.topbar{height:53px;padding:0 21px;font-size:9px}.profile-button{height:26px;width:26px;margin-left:4px}main{padding:28px 20px 10px}h1{font-size:34px;letter-spacing:-1.3px}.page-heading .subheading{font-size:12px}.eyebrow{font-size:9px}.hero-course{border-radius:12px}.hero-content{padding:26px 23px;max-width:100%}.hero-content h2{font-size:33px}.hero-content>p{max-width:260px;font-size:12px}.hero-meta{font-size:8px;gap:11px}.hero-content>small{font-size:8px}.sheet-art{right:-160px;top:25px;opacity:.17}.stat-row{margin-bottom:28px;padding:20px 0}.stat-row strong{font-size:10px}.stat-row small{font-size:8px;line-height:1.5}.stat-row>div{padding-left:10px;align-items:start}.module-grid{gap:10px}.module-card{padding:14px}.module-top{gap:6px;margin-bottom:17px}.module-icon{width:28px;height:28px;font-size:17px}.module-number{font-size:7px;letter-spacing:.5px}.module-arrow{font-size:11px}.module-card h3{font-size:13px;line-height:1.5}.module-card>p{font-size:10px;line-height:1.7;margin-bottom:14px}.module-meta{margin-top:16px;font-size:8px}.section-heading{align-items:end}.section-heading h2{font-size:20px}.section-heading .text-link{font-size:9px;gap:4px;white-space:nowrap}.bottom-banner{margin-top:22px;padding:18px}.bottom-banner>div{flex:1}.bottom-banner h3{line-height:1.6}.bottom-banner p{font-size:10px}.bottom-banner .button{margin-left:45px}.banner-icon{font-size:33px}footer{padding:15px 20px 25px;font-size:8px}footer>span{display:none}.assessment-card{padding:20px}.assessment-card h2{font-size:19px}.assessment-card .section-heading{font-size:10px}.tag{font-size:8px}.choice{font-size:12px;padding:12px}.actions{gap:9px;align-items:stretch}.actions .button{font-size:11px;padding:12px;gap:7px}.lesson-layout h1{font-size:31px}.lesson-body{font-size:14px}.practice-box{padding:20px}.lesson-labels{gap:12px;font-size:10px}.outcome{padding:18px}.lesson-row{gap:9px}.lesson-row strong{font-size:12px}.lesson-row small{font-size:10px}.lesson-row>span:last-child{font-size:9px}.curriculum-section .section-heading{flex-wrap:wrap}.resource-card{padding:17px;gap:13px}.resource-card h3{font-size:14px}.resource-card p{font-size:11px}.file-icon{width:42px;height:52px;font-size:8px}.notice{padding:17px;font-size:12px}.subheading{font-size:13px}.knowledge-check h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.skip-link{position:fixed;top:-90px;left:20px;z-index:20;background:#fff;color:#176b52;padding:14px 20px;border:2px solid #176b52;border-radius:8px}.skip-link:focus{top:15px}.study-plan{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--line);border-radius:12px;background:#f1f4e8;padding:22px 25px;margin:0 0 30px}.study-plan h3{margin-bottom:7px}.study-plan p:last-child{font-size:12px;color:#5d705f;margin:0;line-height:1.8}.study-plan>a{flex-shrink:0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.help-grid .side-card{position:static}.help-grid h2,.backup-card h2{font-size:23px}.help-grid ol{padding-left:20px;font-size:13px;line-height:1.9}.help-grid li{margin-bottom:18px}.help-grid details{padding:15px 0;border-top:1px solid var(--line)}.help-grid summary{font-size:13px;font-weight:600;cursor:pointer;line-height:1.7}.help-grid details p{margin-top:12px}.backup-card{margin-top:25px}.backup-card .actions{flex-wrap:wrap}.backup-card .button{width:auto;margin:0}.upload-label{position:relative;cursor:pointer;overflow:hidden;text-align:center}.upload-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-label:focus-within{outline:3px solid #bd8d32;outline-offset:4px}#backup-status{font-size:13px;color:var(--green);line-height:1.8}main>h1{overflow-wrap:anywhere}.lesson-body code{white-space:normal}.sidebar .workspace-label{color:#68766a}.module-number,.module-meta{color:#697667}.stat-row small{color:#667461}.hero-content>small{color:#d0dfd0}footer{color:#667261}@media(max-width:900px){.help-grid{grid-template-columns:1fr}}@media(max-width:640px){.study-plan{padding:18px;display:block}.study-plan>a{margin-top:12px}.backup-card .actions{flex-direction:column}.backup-card .button{width:100%}.help-grid{gap:18px}.skip-link{left:10px}}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:30px}.catalog-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:23px;display:flex;flex-direction:column;min-width:0}.catalog-card .section-heading{align-items:center}.subject-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#e8f0e6;color:#176b52;font-size:26px}.catalog-card.sand .subject-icon{background:#f4eddc;color:#917133}.catalog-card.rose .subject-icon{background:#f5e9e6;color:#a16c63}.catalog-card.sage .subject-icon{background:#e9efd9;color:#698146}.catalog-card.lavender .subject-icon{background:#eeebf7;color:#82709d}.catalog-card h3{font-size:19px;line-height:1.5;margin-bottom:12px}.catalog-card h3 a:hover{text-decoration:underline}.catalog-card>p{font-size:12px;color:#657368;flex:1}.catalog-meta{font-size:10px;color:#677362;margin:12px 0}.catalog-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:10px;color:#69775f}.catalog-actions .text-link{font-size:11px;white-space:nowrap}.catalog-controls{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;max-width:850px;margin:30px 0 15px}.catalog-controls label{font-size:12px;font-weight:600}.catalog-controls input,.catalog-controls select{display:block;width:100%;padding:13px 15px;border:1px solid #dce4d7;border-radius:7px;background:white;color:var(--ink);margin-top:9px;font:inherit}.course-eyebrow{margin-top:25px}.course-actions{display:flex;flex-wrap:wrap;gap:14px;margin:25px 0}.course-description{font-size:16px;max-width:760px;color:#61735f}.course-facts{background:#f2f5ec;padding:22px 24px;border-radius:10px;margin:15px 0 30px}.course-facts h2{font-size:20px}.course-facts p{font-size:13px;line-height:1.9;color:#52674f}.course-facts ul{padding-left:20px;line-height:2}.current-course{font-weight:600;color:#63765e}.subject-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 30px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#65945c50,transparent 70%)}.art-kicker{font-size:8px;letter-spacing:2px;color:#c3d6b4;position:absolute;top:28px}.art-subject-icon{position:absolute;right:27px;top:35px;font-size:115px;line-height:1;color:#8caf7c55;transform:rotate(-10deg)}.art-study-note{transform:rotate(-6deg);padding:30px;width:270px;max-width:100%;border-radius:10px;background:#f5f7e9;color:#244b37;box-shadow:0 20px 40px #113c3860;z-index:1}.art-study-note>span{font-size:8px;letter-spacing:1.3px;color:#6e8361}.art-study-note>strong{display:block;font-family:Manrope,system-ui,sans-serif;font-size:40px;letter-spacing:-1px;margin:15px 0 10px}.art-study-note p{font-size:12px;color:#6b7c5e;line-height:1.8}.decorative-lines{display:grid;gap:9px;margin-top:20px}.decorative-lines i{height:6px;background:#d6e2c5;border-radius:5px}.decorative-lines i:nth-child(2){width:80%}.decorative-lines i:nth-child(3){width:55%}.art-caption{font-size:10px;color:#c1d4b6;margin-top:35px}.subject-art.rose .art-study-note{background:#faf0e8}.subject-art.lavender .art-study-note{background:#f2edf8}.subject-art.sand .art-study-note{background:#fbf3df}.hero-content h2{overflow-wrap:anywhere}.page-heading>.button{flex-shrink:0}.catalog-grid>.notice{grid-column:1/-1}.study-plan{margin-top:30px}footer{flex-wrap:wrap}.help-grid a{white-space:normal}@media(max-width:1150px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card{padding:20px}.art-study-note{width:220px;padding:23px}.art-study-note>strong{font-size:34px}}@media(max-width:900px){.hero-course .subject-art{position:absolute;inset:0 0 0 auto;width:40%;opacity:.2;pointer-events:none}.hero-content{position:relative;z-index:2}.page-heading{gap:15px}.page-heading>.button{font-size:10px;padding:11px}.catalog-card h3{font-size:17px}}@media(max-width:640px){.catalog-grid{grid-template-columns:1fr;gap:15px}.catalog-card{padding:22px}.catalog-card h3{font-size:20px}.catalog-card>p{font-size:13px}.catalog-meta{font-size:11px}.catalog-actions{font-size:11px}.catalog-controls{grid-template-columns:1fr;gap:15px}.page-heading{display:block}.page-heading>.button{margin:0 0 25px}.hero-course .subject-art{width:45%;right:-45px;opacity:.12}.course-facts{padding:20px}.course-facts p{font-size:12px}.topbar .current-course{max-width:54%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar>div{gap:5px}.course-actions .button{font-size:11px;padding:12px}.catalog-card .tag{font-size:10px}.lesson-layout .eyebrow{line-height:1.8}.module-grid{grid-template-columns:1fr 1fr}.hero-content h2{font-size:30px}}
.concept-figure{margin:28px 0;padding:18px;background:#f5f7ee;border:1px solid #dfe7d7;border-radius:12px}.concept-figure svg{display:block;width:100%;height:auto}.concept-figure figcaption{font-size:11px;color:#65755c;line-height:1.8;margin-top:12px}.concept-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:12px}.concept-flow>span{background:#e4edda;border:1px solid #c9d9b9;padding:12px;border-radius:7px}.concept-flow>b{color:#657d4a}@media(max-width:640px){.concept-figure{padding:12px}.concept-flow{gap:7px;font-size:11px}.concept-flow>span{padding:10px}}
/* Grade navigation uses the same visual language as the existing course cards. */
.grade-explorer{margin:28px 0;padding:28px;border:1px solid #dce6d5;border-radius:18px;background:#f6f8ef}
.grade-explorer .section-heading p{max-width:65ch}
.grade-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:20px 0}
.grade-grid a{display:flex;flex-direction:column;gap:4px;padding:16px 12px;border:1px solid #d6e0d0;border-radius:10px;background:#fff;color:#1b4d3c;text-decoration:none;min-height:82px}
.grade-grid a:hover,.grade-grid a:focus-visible{background:#e6edda;outline:2px solid #176b52;outline-offset:2px}
.grade-grid span{font-size:12px;color:#596b62}
.catalog-controls{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;flex-wrap:wrap}
.catalog-controls label{min-width:0}
.catalog-card h3,.course-description,.lesson-body{overflow-wrap:anywhere}
@media(max-width:1000px){.grade-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.grade-explorer{padding:18px}.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-explorer .section-heading{display:block}.catalog-controls{display:flex;flex-direction:column}.catalog-controls label{width:100%}}