.learn-hero{padding:64px 0 52px;background:radial-gradient(900px 420px at 80% 0,rgba(47,107,255,.18),transparent 62%),var(--ink);color:#fff}
.learn-hero .eyebrow{color:#9bb8ff}.learn-hero h1{max-width:15ch}.learn-hero .lede{color:#d9dce5;max-width:65ch}.learn-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.learn-actions .btn-ghost{color:#fff;border-color:#5d626d}.learn-actions .btn-ghost:hover{background:#ffffff14}
.path-section{padding:56px 0}.path-section.soft{background:var(--bg-soft);border-block:1px solid var(--line)}.path-head{max-width:720px;margin-bottom:30px}.path-grid{display:grid;gap:18px}.path-card{position:relative;display:flex;flex-direction:column;min-height:290px;padding:28px;border:1px solid var(--line);border-radius:24px;color:inherit;background:#fff;box-shadow:var(--shadow-sm);text-decoration:none;overflow:hidden}.path-card:hover{border-color:var(--blue);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.path-card.primary{background:#effaf2;border-color:#bce2c7}.path-card.course{background:#f2f6ff;border-color:#cbd9ff}.path-kicker{display:block;margin-bottom:24px;color:var(--blue-ink);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.path-card.primary .path-kicker{color:var(--green-ink)}.path-card h2{font-size:clamp(1.65rem,3vw,2.25rem);max-width:14ch}.path-card p{max-width:48ch;color:var(--ink-soft)}.path-meta{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 24px}.path-meta span{padding:6px 10px;border:1px solid #00000014;border-radius:999px;background:#ffffffad;color:var(--ink-soft);font-size:.78rem;font-weight:750}.path-cta{margin-top:auto;font-weight:800;color:var(--ink)}.path-card.primary .path-cta{color:var(--green-ink)}.path-card.course .path-cta{color:var(--blue-ink)}
.teacher-strip{display:grid;gap:20px;align-items:center;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff}.teacher-strip h2{font-size:1.45rem}.teacher-strip p{margin:0;color:var(--ink-soft)}
.course-shell-new{max-width:1160px}.course-intro-new{padding:50px 0 34px;background:var(--bg-soft);border-bottom:1px solid var(--line)}.course-intro-new h1{max-width:16ch}.course-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.course-facts span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.85rem;font-weight:750}.chapter-list{padding:46px 0 78px}.chapter{margin-bottom:46px}.chapter-head{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;margin-bottom:16px}.chapter-num{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--ink);color:#fff;font-size:1.1rem;font-weight:850}.chapter-head h2{margin:0;font-size:1.55rem}.chapter-head p{margin:5px 0 0;color:var(--muted)}.chapter-lessons{display:grid;gap:10px}.course-lesson-link{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:inherit;text-decoration:none}.course-lesson-link:hover{border-color:var(--blue);box-shadow:var(--shadow-sm);text-decoration:none}.course-lesson-link .number{color:var(--blue-ink);font-weight:850;font-variant-numeric:tabular-nums}.course-lesson-link strong{display:block}.course-lesson-link small{display:block;margin-top:2px;color:var(--muted)}
.course-progress{height:5px;background:#e1e4ed}.course-progress span{display:block;height:100%;background:var(--green);transition:width .25s ease}.learner-hero{padding:38px 0;background:var(--bg-soft);border-bottom:1px solid var(--line)}.learner-hero .back{margin-bottom:18px}.lesson-label{display:block;margin-bottom:9px;color:var(--blue-ink);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.learner-hero h1{max-width:18ch;font-size:clamp(2rem,4.3vw,3.45rem)}.learner-hero .lede{max-width:62ch}.lesson-layout{display:grid;gap:34px;padding:44px 22px 80px}.learner-content{max-width:760px;min-width:0}.learner-content>section{margin-bottom:46px}.learner-content h2{font-size:1.65rem;padding-bottom:10px;border-bottom:1px solid var(--line)}.learner-content p,.learner-content li{color:var(--ink-soft)}.notice-box,.worked-box,.practice-box,.remember-box{margin:22px 0;padding:23px 25px;border-radius:18px}.notice-box{background:#fff8e7;border:1px solid #f1dda7}.worked-box{background:#f2f6ff;border:1px solid #dce6ff}.practice-box{background:#effaf2;border:1px solid #c7e8d0}.remember-box{background:var(--ink);color:#fff}.remember-box p{margin:0;color:#fff}.notice-box h2,.worked-box h2,.practice-box h2,.remember-box h2{border:0;padding:0;font-size:1.25rem}.practice-box ol{margin-bottom:0}.self-check details{margin:12px 0;padding:16px 18px;border:1px solid var(--line);border-radius:13px}.self-check summary{cursor:pointer;font-weight:800}.self-check details p{margin:10px 0 0}.teacher-panel{align-self:start}.teacher-card{padding:22px;border:1px solid #d9c98f;border-radius:18px;background:#fff9e8}.teacher-card>span{display:block;color:#765d08;font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.teacher-card h2{font-size:1.3rem;margin-top:7px}.teacher-card details{margin-top:16px;border-top:1px solid #e7d9a5;padding-top:14px}.teacher-card summary{cursor:pointer;font-weight:800}.teacher-card h3{margin-top:18px;font-size:1rem}.teacher-card ul{padding-left:19px}.teacher-card li{margin-bottom:7px;color:var(--ink-soft)}.lesson-bottom-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:56px;padding-top:26px;border-top:1px solid var(--line)}.lesson-bottom-nav a{padding:16px;border:1px solid var(--line);border-radius:13px;color:inherit;text-decoration:none}.lesson-bottom-nav a:last-child{text-align:right}.lesson-bottom-nav small{display:block;color:var(--muted)}
.quick-shell{max-width:1060px}.quick-hero{padding:56px 0;background:radial-gradient(800px 360px at 85% 0,rgba(35,180,90,.19),transparent 65%),var(--ink);color:#fff}.quick-hero .eyebrow{color:#91dbaa}.quick-hero h1{max-width:13ch}.quick-hero .lede{color:#d7dbe4;max-width:61ch}.quick-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.quick-meta span{padding:7px 11px;border:1px solid #ffffff2e;border-radius:999px;color:#e6e8ed;font-size:.82rem;font-weight:750}.quick-layout{display:grid;gap:36px;padding:48px 22px 82px}.quick-toc{align-self:start}.quick-toc ol{padding-left:22px}.quick-toc li{margin:8px 0}.quick-content{min-width:0;counter-reset:quick}.quick-step{counter-increment:quick;margin-bottom:58px}.quick-step>h2{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.quick-step>h2:before{content:counter(quick);display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:var(--ink);color:#fff;font-size:1rem}.minute{display:block;margin-bottom:8px;color:var(--green-ink);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.quick-challenge{padding:22px;border:2px solid var(--green);border-radius:18px;background:#f2fff6}.quick-challenge h3{margin-top:0}.quick-content details{margin:16px 0;padding:15px 17px;border:1px solid var(--line);border-radius:13px}.quick-content summary{cursor:pointer;font-weight:800}.detector-frame{width:100%;height:610px;border:0;border-radius:18px;background:#17191d;box-shadow:var(--shadow-md)}
.vex-example{position:relative;margin:24px 0;padding:12px 14px 16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.vex-mount{min-height:150px;overflow-x:auto}.vex-mount svg{display:block;max-width:100%}.vex-mount.multi-measure svg{max-width:none}.play-example{display:inline-flex;align-items:center;margin:0 0 3px 8px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--ink);color:#fff;font:750 .88rem/1 var(--font);cursor:pointer}.play-example:hover{background:#000}.play-example:disabled{opacity:.65;cursor:wait}.vex-caption{display:inline;margin-left:10px;color:var(--muted);font-size:.85rem}.vex-error{padding:18px;color:#9b2424}.score-concealed .vex-mount{display:none}.score-concealed.score-revealed .vex-mount{display:block}.reveal-score{margin:8px 0 0 8px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--blue-ink);font-weight:800;cursor:pointer}
.lesson-roadmap{margin:0 0 46px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--bg-soft)}.lesson-roadmap h2{border:0;padding:0;font-size:1.2rem}.lesson-roadmap ol{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.lesson-roadmap li{display:grid;grid-template-columns:70px 1fr;gap:12px}.lesson-roadmap li strong{color:var(--blue-ink);font-size:.84rem}.lesson-roadmap li span{color:var(--ink-soft)}.deep-practice{margin:22px 0 46px;padding:23px 25px;border:1px solid #d9dce7;border-radius:18px;background:#fbfbfd}.deep-practice h2{font-size:1.35rem}.deep-practice li{margin-bottom:10px}.meter-comparison-label{margin:30px 0 -14px;font-size:1.12rem}
.lesson-vocabulary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lesson-vocabulary dl>div{padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:var(--bg-soft)}.lesson-vocabulary dt{font-weight:850;color:var(--ink)}.lesson-vocabulary dd{margin:4px 0 0;color:var(--ink-soft);font-size:.92rem}.guided-walkthrough{padding:24px 26px;border:1px solid #cfe1ff;border-radius:18px;background:#f7faff}.guided-walkthrough h2,.application-box h2,.misconception-box h2{border:0;padding:0}.guided-walkthrough li{margin-bottom:12px;padding-left:5px}.application-box{padding:24px 26px;border:1px solid #bfe5cc;border-radius:18px;background:#f3fbf5}.application-box p{margin-bottom:0}.misconception-box{padding:24px 26px;border:1px solid #efcfbb;border-radius:18px;background:#fff8f3}.misconception-box li{margin-bottom:9px}.circle-reference{margin:30px 0;padding:22px;border:1px solid #cbd9ff;border-radius:20px;background:#fff}.circle-scroll{overflow-x:auto}.circle-reference img{display:block;width:min(100%,720px);height:auto;margin:auto}.circle-reference figcaption{max-width:66ch;margin:16px auto 0;color:var(--ink-soft);font-size:.9rem;text-align:center}.mobile-scroll-hint{display:none;font-weight:800;color:var(--blue-ink)}
.guided-studio{padding:clamp(18px,3vw,29px);border:1px solid rgba(27,79,114,.2);border-radius:18px;background:linear-gradient(145deg,rgba(27,79,114,.08),rgba(255,255,255,.96))}.guided-studio .section-kicker{color:var(--muted);font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.guided-studio>h2{margin-top:.35rem}.studio-intro{max-width:68ch}.studio-stages{display:grid;gap:14px;margin-top:20px}.studio-stages>section{padding:16px 18px;border:1px solid rgba(16,35,48,.1);border-radius:13px;background:rgba(255,255,255,.84)}.studio-stages h3{margin:.15rem 0 .5rem}.studio-stages p{margin:0}.studio-stages ul{margin-bottom:0}.studio-step{color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.12em}.studio-answer{margin-top:16px;padding:13px 16px;border-radius:12px;background:rgba(255,255,255,.8)}
.open-score-example{border-color:#b7c9dd;background:#fbfdff}.open-score-example .vex-caption{font-weight:700;color:var(--blue-ink)}.score-staff-key{display:flex;flex-wrap:wrap;gap:8px;margin:5px 8px 0}.score-staff-key span{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#e9f0f8;color:var(--blue-ink);font-size:.78rem;font-weight:800}.score-staff-key b{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:var(--blue-ink);color:#fff;font-size:.68rem}
.concept-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:10px;margin:28px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.concept-diagram>div{display:grid;align-content:start;gap:4px;padding:13px;border-radius:12px;background:var(--bg-soft)}.concept-diagram>div span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--blue-ink);color:#fff;font-size:.72rem;font-weight:900}.concept-diagram>div small{color:var(--muted)}.concept-diagram>b{align-self:center;color:var(--muted)}.evidence-table{display:grid;grid-template-columns:.5fr 1.3fr 1.4fr 1fr;margin:26px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.evidence-table>div{display:contents}.evidence-table span,.evidence-table b{padding:11px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.86rem}.evidence-table b{background:var(--bg-soft);color:var(--ink)}
@media(max-width:720px){.concept-diagram{grid-template-columns:1fr}.concept-diagram>b{transform:rotate(90deg);text-align:center}.evidence-table{display:block;overflow-x:auto}.evidence-table>div{display:grid;grid-template-columns:90px 180px 190px 140px;width:max-content}}
.teacher-share{font-size:.9rem}.teacher-share button{padding:8px 11px;border:1px solid #d9c98f;border-radius:9px;background:#fff;font:700 .84rem var(--font);cursor:pointer}.teacher-guide-link{margin-top:16px;font-size:.9rem}
@media(min-width:760px){.path-grid{grid-template-columns:1fr 1fr}.teacher-strip{grid-template-columns:1fr auto}.chapter-lessons{grid-template-columns:1fr 1fr}.quick-layout{grid-template-columns:220px minmax(0,1fr)}.quick-toc{position:sticky;top:90px}}
@media(min-width:960px){.lesson-layout{grid-template-columns:minmax(0,1fr) 300px}.teacher-panel{position:sticky;top:88px}}
@media(max-width:650px){.course-lesson-link{grid-template-columns:42px 1fr}.course-lesson-link>span:last-child{display:none}.lesson-bottom-nav{grid-template-columns:1fr}.lesson-bottom-nav a:last-child{text-align:left}.lesson-vocabulary dl{grid-template-columns:1fr}.circle-reference{padding:10px}.circle-reference img{width:620px;max-width:none;margin:0}.mobile-scroll-hint{display:inline}.detector-frame{height:880px}}
@media print{.site-header,.site-footer,.course-progress,.lesson-bottom-nav{display:none!important}.teacher-panel{position:static}.lesson-layout{display:block}.learner-content{max-width:none}.teacher-card details{display:block}.quick-layout{display:block}.quick-toc{display:none}}