.learning-page{max-width:1160px;padding-top:42px}.learning-breadcrumbs{color:var(--muted);font-size:.82rem;margin-bottom:28px}.learning-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}.learning-breadcrumbs a{color:var(--muted)}.path-hero,.tool-hero{align-items:center;border-bottom:1px solid var(--line-strong);display:grid;gap:54px;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);padding:16px 0 52px}.path-hero h1,.tool-hero h1{max-width:780px}.path-hero .page-lead,.tool-hero .page-lead{max-width:720px}.path-hero-actions,.lesson-actions,.lesson-nav-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.path-visual{background:var(--study-surface);border:1px solid var(--ink);box-shadow:10px 11px #1c262321;padding:18px}.path-visual>span{color:var(--ink-soft);display:block;font-size:.72rem;font-weight:800;margin-bottom:12px;text-transform:uppercase}.path-visual-row{align-items:center;border-top:1px solid rgba(28,38,35,.23);display:grid;gap:14px;grid-template-columns:52px minmax(0,1fr);min-height:78px;padding:10px 0}.path-visual-row:first-of-type{border-top:0}.path-visual-row strong,.path-visual-row small{display:block}.path-visual-row strong{font-family:var(--font-display);font-size:.98rem}.path-visual-row small{color:var(--ink-soft);margin-top:4px}.mini-clock{background:#fff;border:2px solid var(--ink);border-radius:50%;display:block;height:48px;position:relative;width:48px}.mini-clock:before,.mini-clock:after{border-radius:2px;bottom:23px;content:"";left:21px;position:absolute;transform-origin:3px bottom}.mini-clock:before{background:var(--red);height:14px;transform:rotate(var(--hour-angle));width:5px}.mini-clock:after{background:var(--blue);height:19px;transform:rotate(var(--minute-angle));width:3px}.curriculum-note{border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:.88rem;line-height:1.65;margin:0;padding:22px 0}.path-section{padding:52px 0 0}.section-heading{display:grid;gap:20px;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);margin-bottom:26px}.section-heading h2{font-size:2rem;margin:0}.section-heading p{color:var(--ink-soft);margin:0;max-width:650px}.grade-path-list{border-top:1px solid var(--line-strong)}.grade-path{border-bottom:1px solid var(--line-strong);display:grid;gap:30px;grid-template-columns:145px minmax(0,1fr) 230px;padding:34px 0}.grade-path:target{background:#eef3ee;margin:0 -18px;padding-left:18px;padding-right:18px}.grade-marker span,.grade-marker strong{display:block}.grade-marker span{color:var(--red-dark);font-family:var(--font-number);font-size:.84rem;font-weight:800;text-transform:uppercase}.grade-marker strong{color:var(--muted);font-size:.76rem;margin-top:7px}.grade-path:nth-child(2) .grade-marker span{color:var(--blue)}.grade-path:nth-child(3) .grade-marker span{color:#866615}.grade-path h3{font-size:1.45rem;margin:0 0 8px}.grade-path p{color:var(--ink-soft);margin:0;max-width:650px}.grade-skills{list-style:none;margin:16px 0 0;padding:0}.grade-skills li{color:var(--ink-soft);line-height:1.45;margin-top:7px;padding-left:18px;position:relative}.grade-skills li:before{color:var(--success);content:"✓";font-weight:900;left:0;position:absolute}.grade-actions{align-content:start;display:grid;gap:8px}.grade-actions .btn{justify-content:space-between;width:100%}.grade-actions .btn:after{content:"→";margin-left:10px}.lesson-sequence{border-top:1px solid var(--line-strong);list-style:none;margin:0;padding:0}.lesson-sequence li{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:20px;grid-template-columns:58px 210px minmax(0,1fr) 110px;min-height:90px;padding:14px 0}.lesson-sequence b{color:var(--red-dark);font-family:var(--font-number);font-size:.82rem}.lesson-sequence strong{font-family:var(--font-display)}.lesson-sequence span{color:var(--ink-soft)}.lesson-sequence a{font-weight:800;text-align:right}.placement-guide{background:var(--surface);border-left:5px solid var(--yellow);display:grid;gap:24px;grid-template-columns:210px repeat(3,minmax(0,1fr));margin-top:26px;padding:28px}.placement-guide h3{font-size:1.3rem;margin:0}.placement-guide div{border-left:1px solid var(--line);padding-left:20px}.placement-guide strong,.placement-guide span{display:block}.placement-guide strong{margin-bottom:6px}.placement-guide span{color:var(--ink-soft);line-height:1.5}.tool-hero-aside{border-left:5px solid var(--yellow);padding:12px 0 12px 20px}.tool-hero-aside span,.tool-hero-aside strong{display:block}.tool-hero-aside span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.tool-hero-aside strong{font-family:var(--font-display);font-size:1.1rem;margin:6px 0}.tool-hero-aside small{color:var(--ink-soft);line-height:1.5}.practice-lab{border:1px solid var(--ink);margin-top:42px}.practice-lab>header{align-items:center;background:var(--ink);color:#fff;display:flex;gap:16px;justify-content:space-between;min-height:58px;padding:12px 18px}.practice-lab>header h2{color:#fff;font-family:var(--font-body);font-size:.9rem;margin:0}.practice-progress{color:#c5d1cb;font-family:var(--font-number);font-size:.76rem;font-weight:800}.practice-workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);min-height:410px}.practice-stage{align-content:center;background:var(--study-surface);border-right:1px solid var(--ink);display:grid;min-width:0;padding:42px}.practice-stage-label,.practice-choice-label{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.scenario-prompt{font-family:var(--font-display);font-size:1.55rem;line-height:1.28;margin:14px 0 18px;max-width:580px}.scenario-time{color:var(--ink);font-family:var(--font-number);font-size:4rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.day-track{margin-top:36px;padding-top:20px;position:relative}.day-track-line{background:linear-gradient(90deg,#2c3d4d 0 24%,#d5a83e 24% 55%,#cf4938 55% 76%,#26333e 76% 100%);height:8px;position:relative}.day-track-marker{background:#fff;border:3px solid var(--ink);border-radius:50%;height:18px;left:var(--day-position, 50%);opacity:0;position:absolute;top:-5px;transform:translate(-50%);transition:left .22s ease,opacity .16s ease;width:18px}.day-track.is-revealed .day-track-marker{opacity:1}.day-track-labels{color:var(--ink-soft);display:flex;font-size:.68rem;font-weight:800;justify-content:space-between;margin-top:10px}.practice-choice-panel{align-content:center;background:var(--surface);display:grid;padding:38px}.practice-choice-panel h3{font-size:1.35rem;margin:8px 0 20px}.binary-choices,.time-answer-grid{display:grid;gap:10px}.binary-choices,.time-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-option{background:var(--surface);border:1px solid var(--line-strong);border-radius:2px;color:var(--ink);cursor:pointer;font-family:var(--font-number);font-size:1.35rem;font-weight:800;min-height:68px;padding:12px}.practice-option:hover{background:var(--surface-soft);border-color:var(--ink)}.practice-option.correct{background:#dcece3;border-color:var(--success);color:#16543a}.practice-option.wrong{background:#f6dfda;border-color:var(--danger);color:#8e2a22}.practice-option:disabled{cursor:default}.practice-feedback{color:var(--ink-soft);font-size:.92rem;font-weight:700;line-height:1.5;min-height:72px;padding:16px 0 8px}.practice-feedback.correct-text{color:var(--success)}.practice-feedback.wrong-text{color:var(--danger)}.practice-next{display:none;justify-self:start}.elapsed-stage{gap:18px}.elapsed-context{font-family:var(--font-display);font-size:1.25rem;margin:0}.elapsed-values{align-items:stretch;display:grid;gap:10px;grid-template-columns:1fr auto 1fr}.elapsed-value{background:#fff;border:1px solid var(--ink);padding:16px}.elapsed-value span,.elapsed-value strong{display:block}.elapsed-value span{color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.elapsed-value strong{font-family:var(--font-number);font-size:2rem;margin-top:5px}.elapsed-plus{align-self:center;color:var(--red-dark);font-family:var(--font-number);font-weight:900}.elapsed-line{align-items:center;display:grid;grid-template-columns:auto minmax(70px,1fr) auto minmax(70px,1fr) auto;margin-top:10px}.elapsed-line span,.elapsed-line output{background:var(--surface);border:1px solid var(--ink);font-family:var(--font-number);font-size:.78rem;font-weight:800;min-width:60px;padding:7px 8px;text-align:center}.elapsed-line i{border-top:3px solid var(--blue);height:0}.elapsed-line output{color:var(--red-dark)}.lesson-content{display:grid;gap:46px;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);padding:54px 0}.lesson-copy section{border-bottom:1px solid var(--line);padding:0 0 32px}.lesson-copy section+section{padding-top:32px}.lesson-copy h2{font-size:1.65rem;margin:0 0 12px}.day-table{border-collapse:collapse;margin-top:4px;width:100%}.day-table th,.day-table td{border-bottom:1px solid var(--line);padding:10px 12px 10px 0;text-align:left;vertical-align:top}.day-table th{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.lesson-faq{margin-top:8px;max-width:760px}.lesson-faq h2{font-size:1.65rem;margin:0 0 8px}.lesson-copy p,.lesson-copy li{color:var(--ink-soft)}.lesson-copy p{margin:0 0 14px}.lesson-copy ol,.lesson-copy ul{margin:0;padding-left:22px}.teacher-note{align-self:start;border-left:5px solid var(--yellow);position:sticky;top:calc(var(--header-height) + 28px);padding:4px 0 4px 22px}.teacher-note h2{font-size:1.2rem;margin:0 0 9px}.teacher-note p{color:var(--ink-soft);margin:0 0 16px}.teacher-note a{font-weight:800}.lesson-nav{border-top:1px solid var(--line-strong);display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto;padding-top:30px}.lesson-nav h2{font-size:1.35rem;margin:0 0 7px}.lesson-nav p{color:var(--ink-soft);margin:0}.lesson-nav-actions{margin-top:0}@media(max-width:900px){.path-hero,.tool-hero{align-items:start;grid-template-columns:1fr}.path-visual{max-width:560px}.grade-path{grid-template-columns:120px minmax(0,1fr)}.grade-actions{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}.placement-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.placement-guide h3{grid-column:1 / -1}.placement-guide div:first-of-type{border-left:0;padding-left:0}.practice-workspace{grid-template-columns:1fr}.practice-stage{border-bottom:1px solid var(--ink);border-right:0;min-height:350px}}@media(max-width:700px){.learning-page{padding-top:28px}.path-hero,.tool-hero{gap:34px;padding-bottom:38px}.section-heading,.lesson-content,.lesson-nav{grid-template-columns:1fr}.grade-path{gap:16px;grid-template-columns:1fr;padding:28px 0}.grade-actions{grid-column:auto;grid-template-columns:1fr}.lesson-sequence li{gap:5px 12px;grid-template-columns:38px minmax(0,1fr) auto;padding:18px 0}.lesson-sequence span{grid-column:2 / -1}.placement-guide{grid-template-columns:1fr;padding:22px}.placement-guide h3{grid-column:auto}.placement-guide div{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.practice-stage,.practice-choice-panel{padding:28px 20px}.scenario-prompt{font-size:1.3rem}.scenario-time{font-size:3rem}.teacher-note{position:static}.lesson-nav-actions{justify-content:flex-start}}@media(max-width:430px){.binary-choices,.time-answer-grid,.elapsed-values{grid-template-columns:1fr}.elapsed-plus{justify-self:center}.elapsed-line{grid-template-columns:auto minmax(24px,1fr) auto minmax(24px,1fr) auto}.elapsed-line span,.elapsed-line output{min-width:48px;padding:6px 4px}}@media(prefers-reduced-motion:reduce){.day-track-marker{transition:none}}
