.learning-shell{max-width:70rem;margin:0 auto;padding:0 28px}
.learning-intro{padding-bottom:26px}
.learning-intro h1{max-width:49rem}
.learning-flag{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:7px 10px;border:1px solid var(--hair);border-radius:999px;background:#fff;color:var(--muted);font-size:12.5px;font-weight:600}
.learning-flag::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--green)}
.course-feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:38px;margin:22px 0 56px;padding:34px;border:1px solid var(--ink);border-radius:18px;background:#fff;box-shadow:0 1px 0 rgba(0,88,113,.04)}
.course-feature .lab{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:800;margin-bottom:12px}
.course-feature h2{font-size:33px;line-height:1.17;letter-spacing:-.02em;margin:0 0 12px}
.course-feature p{max-width:43rem;color:var(--muted);font-size:16px}
.course-points{display:grid;gap:1px;border:1px solid var(--hair);border-radius:12px;overflow:hidden;background:var(--hair)}
.course-point{padding:17px;background:var(--paper)}
.course-point span{display:block;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);font-weight:700;margin-bottom:4px}
.course-point b{font-size:15px;color:var(--ink)}
.course-link{display:inline-flex;align-items:center;gap:9px;margin-top:13px;padding:10px 15px;border-radius:8px;background:var(--ink);color:#fff;font-size:14px;font-weight:700}
.course-link:hover{background:#0f204a;text-decoration:none}
.course-link::after{content:'→'}
.learning-section{padding:36px 0 55px;border-top:1px solid var(--hair)}
.learning-section h2{font-size:25px;margin:0 0 8px}
.learning-section>.section-copy{max-width:43rem;color:var(--muted)}
.course-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.roadmap-card{display:flex;flex-direction:column;padding:21px;border:1px solid var(--hair);border-radius:12px;background:#fff;color:var(--ink);transition:transform .18s,box-shadow .18s,border-color .18s}
.roadmap-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,88,113,.08);border-color:#9fb8bf;text-decoration:none}
.roadmap-card .number{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);font-weight:800}
.roadmap-card h3{font-size:18px;line-height:1.25;margin:8px 0}
.roadmap-card p{font-size:13.5px;color:var(--muted);margin:0}
.roadmap-card>span{margin-top:auto;padding-top:18px;color:var(--accent);font-size:12.5px;font-weight:700}
.roadmap-card>span::after{content:' →'}
.method-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:25px 0 0}
.method-strip h3{font-size:15px;margin:0 0 6px}
.method-strip p{font-size:13.5px;color:var(--muted);margin:0}
@media(max-width:800px){
 .course-feature{grid-template-columns:1fr}
 .course-roadmap{grid-template-columns:1fr}
 .method-strip{grid-template-columns:1fr;gap:18px}
}
@media(max-width:600px){
 .learning-shell{padding:0 18px}
 .course-feature{padding:23px;margin-bottom:42px}
 .course-feature h2{font-size:27px}
}