.course-roadmap{margin-bottom:58px;scroll-margin-top:24px}.roadmap-panel{border-radius:var(--radius-feature) var(--radius-feature) 0 0;background:#fffdf8;border:1px solid #fff;padding:34px 38px 26px;box-shadow:inset 0 1px #fff}.roadmap-heading{grid-template-columns:1fr 1fr;align-items:end;gap:60px;padding-bottom:26px;display:grid}.roadmap-heading .eyebrow{margin-bottom:14px}.roadmap-heading h2{font-size:clamp(2rem,3vw,2.8rem)}.roadmap-heading>p{max-width:29rem;font-size:.875rem}.planned-courses{grid-template-columns:1fr 1fr;gap:0 40px;margin:0;padding:0;list-style:none;display:grid}.planned-courses li{border-top:1px solid #dce3d5;grid-template-columns:24px minmax(0,1fr);align-items:baseline;gap:14px;padding:20px 0;display:grid}.planned-course-number{color:#65735e;font-size:.625rem}.planned-course-title{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.planned-course-title h3{font-size:1rem}.planned-course-title>span{color:#536451;white-space:nowrap;background:#e8eee0;border-radius:6px;padding:3px 7px;font-size:.5625rem}.planned-courses li p{max-width:28rem;margin-top:8px;font-size:.75rem}.planned-courses .text-link{margin-top:3px;font-size:.6875rem}.tachograph-preview{border-radius:0 0 var(--radius-feature) var(--radius-feature);color:var(--paper);box-shadow:inset 0 1px #ffffff14,var(--shadow-raised);background:radial-gradient(at 0 70%,#245955,#163d3b 45%,#102b2c);border:1px solid #264f4b;grid-template-columns:.85fr 1.4fr;align-items:center;gap:38px;padding:34px 38px;scroll-margin-top:24px;display:grid}.tachograph-copy .eyebrow{color:#b0ccc3;margin-bottom:18px;font-size:.625rem}.tachograph-copy h3{letter-spacing:-.04em;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.15}.tachograph-copy h3 em{font-family:var(--font-display);color:#f1bd78;font-weight:400}.tachograph-copy>p:not(.eyebrow){color:#bfd1c8;max-width:23rem;margin-top:18px;font-size:.8125rem}.quiz-features{flex-wrap:wrap;gap:8px 14px;max-width:23rem;margin:22px 0 0;padding:0;list-style:none;display:flex}.quiz-features li{color:#bfd1c8;align-items:center;gap:7px;font-size:.625rem;display:flex}.quiz-features li:before{content:"";background:#f1bd78;border-radius:50%;flex:0 0 4px;width:4px;height:4px}.tachograph-media{min-width:0}.tachograph-media figure{margin:0}.tachograph-media video{aspect-ratio:16/9;object-fit:contain;background:#0c2223;border:1px solid #75948840;border-radius:13px;width:100%;height:auto;display:block;box-shadow:0 14px 35px #051b1b40}.tachograph-media video:focus-visible,.preview-walkthrough :focus-visible{outline-color:var(--orange)}.tachograph-media figcaption{color:#bfd1c8;justify-content:space-between;gap:14px;margin-top:10px;font-size:.625rem;line-height:1.6;display:flex}.preview-walkthrough{border-top:1px solid #91b0a532;grid-column:1/-1;padding-top:16px}.preview-walkthrough summary{cursor:pointer;color:#e4ece2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-size:.8125rem;list-style:none;display:flex}.preview-walkthrough summary::-webkit-details-marker{display:none}.walkthrough-label{font-weight:600}.walkthrough-action{background:var(--orange);min-height:44px;color:var(--deep);border:1px solid #e8a355;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.preview-walkthrough summary:hover .walkthrough-action{background:#ffc581}.walkthrough-hide,.preview-walkthrough[open] .walkthrough-show{display:none}.preview-walkthrough[open] .walkthrough-hide{display:inline}.preview-walkthrough[open] .walkthrough-action svg{transform:rotate(180deg)}.preview-walkthrough ol{color:#bfd1c8;grid-template-columns:1fr 1fr;gap:14px 40px;margin:24px 0 0;padding-left:20px;font-size:.75rem;line-height:1.75;display:grid}.preview-walkthrough li{padding-left:4px}.course-roadmap-link{width:fit-content;margin-top:8px;font-size:.75rem;display:flex}@media (width<=1050px){.roadmap-panel{padding:28px}.roadmap-heading{gap:36px}.planned-courses{gap:0 28px}.tachograph-preview{grid-template-columns:.85fr 1.15fr;gap:28px;padding:30px 28px}}@media (width<=850px){.tachograph-preview{grid-template-columns:1fr;gap:26px}.tachograph-copy{grid-template-columns:1fr 1fr;gap:12px 28px;display:grid}.tachograph-copy .eyebrow{grid-column:1/-1;margin:0}.tachograph-copy>p:not(.eyebrow){margin-top:0}.quiz-features{grid-column:1/-1;max-width:none;margin-top:2px}}@media (width<=719px){.course-roadmap{margin-bottom:36px}.roadmap-panel{border-radius:24px 24px 0 0;padding:26px 22px 12px}.roadmap-heading{grid-template-columns:1fr;gap:18px;padding-bottom:24px}.roadmap-heading h2{font-size:clamp(1.9rem,8vw,2.3rem)}.roadmap-heading>p{font-size:.8125rem}.planned-courses{grid-template-columns:1fr}.planned-courses li{grid-template-columns:20px minmax(0,1fr);gap:10px;padding-block:18px}.planned-course-title h3{font-size:.9375rem}.planned-course-title>span{font-size:.5625rem}.planned-courses li p{font-size:.75rem}.tachograph-preview{border-radius:0 0 24px 24px;gap:24px;padding:26px 22px}.tachograph-copy{display:block}.tachograph-copy .eyebrow{margin-bottom:16px}.tachograph-copy h3{font-size:clamp(1.6rem,6.8vw,1.9rem)}.tachograph-copy>p:not(.eyebrow){margin-top:16px;font-size:.8125rem}.quiz-features{gap:8px 12px;margin-top:18px}.tachograph-media video{border-radius:10px}.tachograph-media figcaption{gap:10px;font-size:.5625rem}}.tachograph-preview{row-gap:20px}@media (width<=719px){.preview-walkthrough summary{flex-direction:column;align-items:flex-start}.preview-walkthrough ol{grid-template-columns:1fr;gap:12px;margin-top:20px}}.planned-courses .course-current{background:#edf3e6;border:1px solid #d7e2cc;border-radius:14px;grid-column:1/-1;margin-bottom:20px;padding:22px}.course-current .planned-course-title h3{font-size:1.125rem}.planned-courses .course-current p{max-width:45rem}.planned-course-title>.course-status--current{color:#245247;background:#d9e9cf}@media (width<=719px){.planned-courses .course-current{gap:8px;margin-bottom:4px;padding:18px 14px}.course-current .planned-course-title h3{font-size:1rem}}