.fd-course-page{background:#f5f8fb}
.fd-course-page .site-header nav a[aria-current=page]{color:white;border-bottom:3px solid #1885ff;padding-bottom:9px}
.course-hero{background:#0a2439;color:white;border-bottom:1px solid #264155}
.course-hero-inner{max-width:1280px;margin:auto;padding:38px 32px 34px}
.course-label{font-size:11px;letter-spacing:1.8px;font-weight:700;margin:0 0 10px;color:#a5c9e6}
.course-hero h1{font-size:clamp(34px,4vw,52px);margin:0 0 15px;letter-spacing:-.04em;color:white}
.course-intro{font-size:16px;line-height:1.65;margin:0;max-width:620px;color:#e0e9f1}
.course-total{font-size:12px;margin:22px 0 0;color:#c6d9e8}
.course-overall{max-width:520px;margin-top:22px}
.course-overall>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.course-overall p{font-size:11px;color:#bfd1df;margin:7px 0 0}
.fd-course-page progress{display:block;appearance:none;height:7px;border:0;border-radius:8px;overflow:hidden;background:#d8e3ed;accent-color:#137bfa}
.fd-course-page progress::-webkit-progress-bar{background:#d8e3ed}
.fd-course-page progress::-webkit-progress-value{background:#137bfa;border-radius:8px}
.fd-course-page progress::-moz-progress-bar{background:#137bfa;border-radius:8px}
.course-overall progress{width:100%;margin-top:10px}
.course-content{max-width:1280px;margin:auto;padding:26px 32px 48px}
.course-continue{display:grid;grid-template-columns:1fr 210px;gap:32px;padding:27px 30px;background:linear-gradient(110deg,#0a2439,#203d51);color:white;border-radius:10px;margin-bottom:38px}
.course-continue h2{font-size:26px;margin:0 0 8px;color:white}
.course-continue-copy>p:not(.course-label){color:#d1deea;font-size:14px;margin:0 0 7px}
.course-continue-copy .course-account-note{font-size:12px!important;color:#aec8dc!important}
.course-account-note button{border:0;padding:0;background:none;color:#c4e0ff;text-decoration:underline;cursor:pointer}
.course-continue-actions{border-left:1px solid #ffffff20;padding-left:26px;display:flex;flex-direction:column;justify-content:center;gap:13px}
.course-continue-actions .home-button{padding:12px 16px;gap:14px}
.course-continue-actions>a:last-child{text-align:center;font-size:12px;color:#c8def1;text-decoration:none}
.course-section-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:21px}
.course-section-title h2{font-size:27px;margin:0}
.course-section-title>span,.course-section-title>a{font-size:12px;color:#42647d;text-decoration:none}
.course-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.course-topic{display:block;border:1px solid #dce5ee;box-shadow:0 3px 12px #15385205;border-radius:9px;overflow:hidden;background:white;text-decoration:none;transition:transform .18s,box-shadow .18s}
.course-topic:hover{transform:translateY(-3px);box-shadow:0 10px 22px #15385212}
.course-topic-image{height:170px;background:#dce9f1;overflow:hidden}
.course-topic-image img{width:100%;height:100%;object-fit:cover}
.course-topic-copy{padding:23px}
.course-topic h3{font-size:23px;margin:0;display:flex;justify-content:space-between;gap:8px}
.course-topic h3 span{color:#1577e8;font-size:20px}
.course-topic-copy>p{font-size:14px;min-height:66px;color:#526b7e;margin:12px 0 20px}
.course-topic-progress{display:flex;align-items:center;gap:12px;font-size:12px}
.course-topic-progress progress{flex:1;min-width:25px;width:70px;height:6px}
.course-topic-open{margin-left:auto;color:#0865c3;font-size:11px}
.course-lessons,.course-recent{margin-top:38px;scroll-margin-top:24px}
#course-topics{scroll-margin-top:24px}
.course-lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
.course-lesson-list .course-lesson{border:0;border-bottom:1px solid #dce5ee;border-radius:0;background:none;padding:18px 0;min-height:100px;gap:18px}
.course-lesson-number{font:12px monospace;color:#608199;align-self:flex-start;padding-top:5px}
.course-lesson-list h3{font-size:17px;line-height:1.4;margin:0 0 5px}
.course-lesson-list p{font-size:12px;color:#526b7e}
.course-lesson-arrow{margin-left:auto;color:#0873e0}
.course-practice{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #dce5ee;margin-top:35px;padding-top:25px}
.course-practice h2{font-size:23px;margin:0 0 8px}
.course-practice p{font-size:13px;color:#526b7e;margin:0}
.course-practice .home-button{margin:0;white-space:nowrap}
.course-recent{border:1px solid #dce5ee;border-radius:9px;padding:24px;background:#edf3f8}
.course-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.course-recent-grid>a{text-decoration:none}
.course-recent h3{font-size:16px;line-height:1.4;margin:12px 0 6px}
.course-recent p{font-size:11px;margin:0 0 12px;color:#526b7e}
.course-recent small{font-size:10px;color:#43647c}
.course-completed-mark{display:grid;place-items:center;width:25px;height:25px;background:#d6eee7;color:#14775c;border-radius:50%}
@media(max-width:900px){.course-topics{gap:16px}.course-topic-copy{padding:17px}.course-topic h3{font-size:20px}.course-topic-copy>p{font-size:13px;min-height:85px}.course-topic-image{height:145px}.course-topic-progress{flex-wrap:wrap;gap:8px}.course-topic-open{width:100%;margin-left:0}.course-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.course-hero-inner{padding:30px 20px}.course-hero h1{font-size:36px;max-width:320px}.course-intro{font-size:14px}.course-intro br{display:none}.course-content{padding:20px 20px 35px}.course-continue{grid-template-columns:1fr;padding:23px 20px;gap:18px;margin-bottom:30px}.course-continue h2{font-size:23px}.course-continue-actions{border-left:0;border-top:1px solid #ffffff20;padding:18px 0 0;gap:14px}.course-continue-actions .home-button{justify-content:space-between}.course-section-title h2{font-size:24px}.course-section-title>span{white-space:nowrap}.course-topics{grid-template-columns:1fr;gap:18px}.course-topic-image{height:140px}.course-topic-copy{padding:20px}.course-topic h3{font-size:23px}.course-topic-copy>p{font-size:14px;min-height:0;margin:10px 0 18px}.course-topic-open{width:auto;margin-left:auto}.course-topic-progress{flex-wrap:nowrap}.course-lesson-list{grid-template-columns:1fr}.course-lesson-list .course-lesson{min-height:90px;gap:13px}.course-lesson-list h3{font-size:16px}.course-practice{align-items:flex-start;flex-direction:column;gap:18px}.course-recent{padding:20px}.course-recent .course-section-title{align-items:flex-start;flex-direction:column;gap:8px}.course-recent-grid{grid-template-columns:1fr;gap:20px}.course-recent-grid>a{border-bottom:1px solid #d1e0ec;padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){.course-topic{transition:none}.course-topic:hover{transform:none}}