/* V10: a single, consistent interactive beginner course. */
.course-header{padding:74px 0 44px;background:var(--paper,#fafaf8)}
.course-header-inner{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:45px}
.course-header h1{font-size:clamp(2.5rem,5.5vw,4.6rem);line-height:1.07;max-width:750px;letter-spacing:-.045em;margin:16px 0 14px}
.course-header p:not(.eyebrow){max-width:580px;font-size:1.06rem}
.course-header .button{margin-top:20px}
.course-header .course-smallprint{font-size:.78rem;color:var(--muted,#67766b);margin-top:12px}
.course-art{max-width:100%;height:auto;display:block}
.course-section{padding-top:26px}
.course-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line,#d5dfd5);padding-bottom:22px;margin-bottom:16px}
.course-heading h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0}
.course-heading .path-total{box-shadow:none;transform:none;border-radius:9px;background:#e8f1ea;color:#244331;padding:10px 19px}
.course-heading .path-total strong{font:700 1.45rem system-ui,sans-serif}
.course-heading .path-total span{font-size:.75rem}
.course-chapter{margin:28px 0 38px}
.course-chapter h3{font:700 1.3rem system-ui,sans-serif;margin:0 0 12px;letter-spacing:-.025em}
.course-chapter h3 small{font-weight:400;color:var(--muted,#657568);font-size:.81rem;margin-left:9px}
.course-chapter .path-lesson-list{border-top:1px solid var(--line,#d6e0d7)}
.course-chapter .path-lesson{grid-template-columns:45px minmax(0,1fr) 35px;column-gap:13px;row-gap:0;padding:15px 10px;border-bottom:1px solid var(--line,#d6e0d7);border-radius:0}
.course-chapter .path-lesson:hover{background:rgba(104,140,112,.07)}
.course-chapter .path-lesson-number{font:700 .84rem system-ui,sans-serif;color:var(--muted,#6b846d)}
.course-chapter .path-lesson-copy{gap:3px}
.course-chapter .path-lesson-copy strong{font:650 1.07rem system-ui,sans-serif;letter-spacing:-.025em;color:var(--ink,#2d4333)}
.course-chapter .path-lesson-copy .path-lesson-top{font-size:.73rem;letter-spacing:0;font-weight:500;text-transform:none;color:var(--muted,#657568)}
.course-chapter .path-lesson-arrow{grid-column:3;grid-row:1 / span 2;width:30px;height:30px;border:1px solid var(--line,#cbd9cd)}
.course-chapter .path-lesson-arrow svg{width:15px;height:15px}
.course-chapter .path-lesson-status{grid-column:2;grid-row:2;color:var(--muted,#657568);font-size:.72rem;font-weight:550}
.course-chapter .path-lesson.is-done{background:rgba(102,149,109,.08)}
.course-after{font-size:.88rem;color:var(--muted,#66756a)}
.course-after a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.journey-topbar{letter-spacing:0}
.journey-page .journey-quiet-title{margin:0 0 14px}
.journey-stage{box-shadow:none;border:1px solid var(--line,#cedbcf);border-radius:14px;overflow:hidden}
.journey-stage .story-screen,.journey-stage .story-finish{padding:clamp(24px,4.5vw,44px)}
.journey-page .story-option{border-radius:10px}
.journey-page .story-reveal-trigger{border-radius:9px;box-shadow:none}
.journey-page .story-feedback{border-radius:8px}
.home-quicklinks{padding:27px 0 52px}
.home-quicklinks .container{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;border-top:1px solid var(--line,#dce5dc);padding-top:25px}
.home-quicklinks p{color:var(--muted,#69776d);font-size:.89rem;margin:0}
.home-quicklinks .container>div{display:flex;gap:25px;flex-wrap:wrap}
.home-quicklinks a{font-weight:700;font-size:.91rem;text-decoration:none}
.home-quicklinks a:hover{text-decoration:underline;text-underline-offset:4px}
.library-starter{background:rgba(107,152,114,.09);border:1px solid var(--line,#d6e3d7);border-radius:10px;padding:17px 20px;margin:0 0 24px;font-size:.91rem}
.library-starter a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
[data-theme=dark] .course-header{background:var(--background,#18261c)}
[data-theme=dark] .course-heading .path-total{background:#2b4534;color:#e8f3e8}
[data-theme=dark] .course-chapter .path-lesson-copy strong{color:#edf5ed}
[data-theme=dark] .course-chapter .path-lesson:hover,[data-theme=dark] .course-chapter .path-lesson.is-done{background:rgba(149,195,157,.11)}
[data-theme=dark] .library-starter{background:#253b2b;border-color:#4c6753}
@media(max-width:680px){.course-header{padding:34px 0 28px}.course-header-inner{grid-template-columns:1fr;gap:4px}.course-art{width:125px;height:auto;justify-self:end;margin-top:-32px;opacity:.7}.course-header h1{font-size:2.5rem}.course-header p:not(.eyebrow){font-size:.98rem}.course-heading{align-items:flex-start}.course-heading .path-total{padding:9px 12px;min-width:90px}.course-chapter h3 small{display:block;margin:4px 0 0}.course-chapter .path-lesson{grid-template-columns:30px minmax(0,1fr) 26px;gap:10px;padding:13px 2px}.course-chapter .path-lesson-copy strong{font-size:.99rem}.home-quicklinks{padding:12px 0 35px}}
@media(prefers-reduced-motion:reduce){.course-chapter .path-lesson{transition:none}}
/* V11 educational refinements: one shared idea per choice, clearer course finish. */
.story-core-point{border-top:1px solid rgba(69,100,73,.24);margin-top:14px;padding-top:12px}
.story-core-label{display:block;font:700 .69rem system-ui,sans-serif;letter-spacing:.03em;color:#416346;margin-bottom:5px}
.story-feedback .story-core-point p{margin:0;line-height:1.55;font-size:.91rem;color:#263f2d}
.story-course-finish{min-height:0;display:block}
.story-course-finish .story-complete-mark{font-size:3.2rem;margin-bottom:8px}
.story-course-finish .story-action{margin-bottom:24px}
.course-finish-next{margin-top:26px;width:100%}
.course-finish-next h3{font-size:1.25rem;line-height:1.2;margin:0 0 7px}
.course-finish-next>p{font-size:.9rem;color:#566b58;line-height:1.55;margin:0 0 14px}
.course-finish-links{border-top:1px solid #cbd9cc}
.course-finish-links a{color:inherit;display:grid;grid-template-columns:1fr 20px;text-decoration:none;gap:3px 12px;padding:15px 0;border-bottom:1px solid #cbd9cc}
.course-finish-links a:hover strong{text-decoration:underline;text-underline-offset:3px}
.course-finish-links strong{font-size:.96rem;grid-column:1;color:inherit}
.course-finish-links a>span:not(.course-finish-arrow){font-size:.79rem;color:#647468;grid-column:1}
.course-finish-arrow{grid-row:1/3;grid-column:2;align-self:center}
.story-course-finish .story-actions{margin-top:20px}
.compare-terms{max-width:660px;font-size:.86rem;line-height:1.6}
html[data-theme="dark"] .story-core-point{border-color:#47624c}
html[data-theme="dark"] .story-core-label,html[data-theme="dark"] .story-feedback .story-core-point p{color:#daedde}
html[data-theme="dark"] .course-finish-next>p,html[data-theme="dark"] .course-finish-links a>span:not(.course-finish-arrow){color:#bed3c1}
html[data-theme="dark"] .course-finish-links,html[data-theme="dark"] .course-finish-links a{border-color:#3e5a44}
@media(max-width:560px){.story-core-point{margin-top:12px;padding-top:10px}.story-feedback .story-core-point p{font-size:.84rem}}
