/* The course guide shares the top page's type scale, colors and controls. */
.course-v5 .detail-intro-surface {background:var(--lime);}
.course-v5 .detail-intro {padding-top:28px;padding-bottom:52px;}
.course-v5 .breadcrumb {font-size:12px;margin-bottom:36px;}
.course-v5 .course-display,.course-v5 .detail-intro>p.course-display {font:800 clamp(60px,7vw,96px)/1 var(--latin);letter-spacing:-.055em;color:var(--green);margin-bottom:26px;}
.course-display small {display:block;font:800 12px/1.8 var(--font);letter-spacing:.07em;margin-bottom:15px;}
.course-v5 .detail-intro h1 {font-size:clamp(38px,4.3vw,60px);font-weight:900;line-height:1.48;letter-spacing:-.045em;margin-bottom:24px;}
.course-v5 .detail-intro>p:not(.breadcrumb):not(.course-display) {font-size:16px;color:var(--ink);}
.course-v5 .course-switch {gap:28px;margin-top:38px;}
.course-v5 .course-switch a,.course-v5 .course-switch a:nth-child(2) {padding:0;background:#fffdf5;color:var(--ink);border-radius:14px;overflow:hidden;gap:0;border:1px solid #12372b26;box-shadow:0 5px 0 #12372b14;transition:transform .25s,box-shadow .25s;}
.course-preview-art {position:relative;aspect-ratio:16/9;overflow:hidden;}
.course-preview-art>img {width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.course-preview-label {position:relative;padding:22px 64px 24px 25px;}
.course-v5 .course-preview-label strong {font-size:25px;font-weight:900;display:block;}
.course-v5 .course-preview-label>span {display:block;font-size:13px;margin-top:4px;color:var(--muted);}
.course-preview-label>b {position:absolute;right:20px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--deep);color:white;font-size:22px;}
.course-v5 .schedule-entry {padding-top:28px;font-size:13px;gap:12px 24px;align-items:center;}
.course-v5 .schedule-entry a {display:inline-flex;min-height:44px;align-items:center;text-underline-offset:5px;}
.course-v5 .detail-course {border:0;background:#fffdf5;}
.course-v5 .detail-course.health {background:#edf4ee;}
.course-v5 .health>.wrap>.course-display {color:var(--teal);}
.course-v5 .detail-course h2 {font-size:clamp(32px,3.7vw,50px);font-weight:900;letter-spacing:-.03em;}
.course-v5 .detail-hero {grid-template-columns:1fr 1.1fr;gap:48px;margin-top:35px;}
.course-v5 .detail-hero h3 {font-size:clamp(25px,2.7vw,37px);font-weight:900;line-height:1.7;letter-spacing:-.025em;}
.course-v5 .detail-hero p {font-size:16px;line-height:2;max-width:480px;}
.course-v5 .detail-hero>img {height:365px;border-radius:75px 12px 12px 12px;}
.course-v5 .health .detail-hero>img {border-radius:12px 75px 12px 12px;}
.course-v5 .tags {margin-top:22px;min-height:0;}
.course-v5 .local-nav {border:1px solid #b7cbb9;border-radius:40px;overflow:hidden;margin:38px 0 50px;background:white;}
.course-v5 .local-nav a {font-size:14px;padding:18px 12px;}
.course-v5 .local-nav a:hover {background:var(--lime);color:var(--ink);}
.course-v5 .detail-content>h3,.course-v5 .detail-columns h3 {font-size:28px;font-weight:900;margin-bottom:28px;letter-spacing:-.02em;}
.course-v5 .process-grid {gap:20px;}
.course-v5 .process-grid article {background:#eff2d9;border:0;border-radius:14px;padding:25px;}
.course-v5 .health .process-grid article {background:#dceee3;}
.course-v5 .process-grid article>span {font:800 42px/1.2 var(--latin);color:var(--green);}
.course-v5 .process-grid h4 {font-size:23px;font-weight:900;margin:20px 0 14px;}
.course-v5 .process-grid p {font-size:15px;line-height:1.9;}
.course-v5 .deliverable {background:var(--deep);color:white;border:0;border-radius:12px;padding:24px 28px;gap:24px;margin:24px 0 65px;}
.course-v5 .deliverable>span {font-size:12px;color:var(--lime);font-weight:800;}
.course-v5 .deliverable strong {font-size:20px;line-height:1.6;}
.course-v5 .detail-columns {grid-template-columns:1.12fr 1fr;gap:42px;}
.course-v5 .timeline li {grid-template-columns:115px 1fr;gap:23px;padding:25px 0;}
.course-v5 .timeline-date {font-size:23px;font-weight:800;}
.course-v5 .timeline-date small {font-size:11px;line-height:1.8;}
.course-v5 .timeline h4 {font-size:18px;font-weight:800;}
.course-v5 .timeline p {font-size:14px;line-height:1.9;}
.course-v5 .requirements {padding:32px;border:1px solid #c2d2c4;border-top:7px solid var(--green);border-radius:16px;box-shadow:0 6px 0 #12372b0b;}
.course-v5 .health .requirements {border-top-color:var(--teal);}
.course-v5 .requirements .facts>div {grid-template-columns:68px 1fr;padding:17px 0;font-size:14px;}
.course-v5 .requirements .facts>div:first-child {min-height:0;}
.course-v5 .requirements .facts small {display:block;font-size:12px;margin-top:5px;}
.course-v5 .requirements .btn {width:100%;font-size:14px;}
.course-v5 .requirements .note {font-size:12px;line-height:1.9;}
.course-v5 .flow .entry-status {color:white;}
@media(hover:hover) and (pointer:fine) {
 .course-v5 .course-switch a:hover {transform:translateY(-4px);box-shadow:0 10px 24px #12372b20;}
 .course-v5 .course-switch a:hover .course-preview-art>img {transform:scale(1.035);}
}
@media(max-width:1100px) {
 .course-v5 .detail-hero {gap:28px;}
 .course-v5 .detail-hero>img {height:320px;}
 .course-v5 .detail-hero p {font-size:14px;}
 .course-v5 .detail-columns {grid-template-columns:1fr;gap:42px;}
 .course-v5 .requirements .facts>div {grid-template-columns:100px 1fr;}
 .course-v5 .course-preview-label strong {font-size:22px;}
 .course-v5 .course-preview-label>span {font-size:12px;}
 .course-v5 .process-grid article {padding:22px;}
 .course-v5 .process-grid h4 {font-size:21px;}
}
@media(max-width:700px) {
 .course-v5 .detail-intro {padding-top:20px;padding-bottom:32px;}
 .course-v5 .breadcrumb {font-size:10px;margin-bottom:27px;}
 .course-v5 .course-display,.course-v5 .detail-intro>p.course-display {font-size:clamp(46px,13.6vw,76px);margin-bottom:22px;}
 .course-display small {font-size:10px;letter-spacing:.03em;margin-bottom:13px;}
 .course-v5 .detail-intro h1 {font-size:clamp(27px,7.6vw,40px);line-height:1.6;}
 .course-v5 .detail-intro>p:not(.breadcrumb):not(.course-display) {font-size:14px;}
 .course-v5 .course-switch {grid-template-columns:1fr;gap:18px;margin-top:28px;}
 .course-preview-label {padding:16px 60px 18px 19px;}
 .course-v5 .course-preview-label strong {font-size:22px;}
 .course-v5 .course-preview-label>span {font-size:11px;}
 .course-v5 .schedule-entry {font-size:12px;gap:5px 19px;}
 .course-v5 .detail-course h2 {font-size:29px;}
 .course-v5 .detail-hero {grid-template-columns:1fr;gap:25px;margin-top:25px;}
 .course-v5 .detail-hero h3 {font-size:27px;}
 .course-v5 .detail-hero p {font-size:14px;margin-top:18px;}
 .course-v5 .detail-hero>img {height:260px;border-top-left-radius:55px;}
 .course-v5 .health .detail-hero>img {border-top-right-radius:55px;}
 .course-v5 .local-nav {display:grid;grid-template-columns:1fr 1fr;border-radius:12px;white-space:normal;margin:30px 0 35px;}
 .course-v5 .local-nav a {font-size:12px;padding:14px 8px;}
 .course-v5 .local-nav a:nth-child(3) {border-left:0;}
 .course-v5 .local-nav a:nth-child(n+3) {border-top:1px solid var(--line);}
 .course-v5 .detail-content>h3,.course-v5 .detail-columns h3 {font-size:24px;}
 .course-v5 .process-grid {gap:14px;}
 .course-v5 .process-grid article {padding:24px;}
 .course-v5 .process-grid article>span {font-size:38px;}
 .course-v5 .process-grid h4 {font-size:23px;margin-top:14px;}
 .course-v5 .process-grid p {font-size:14px;}
 .course-v5 .deliverable {padding:23px;margin-bottom:40px;}
 .course-v5 .deliverable strong {font-size:18px;}
 .course-v5 .timeline li {grid-template-columns:93px 1fr;gap:16px;padding:22px 0;}
 .course-v5 .timeline-date {font-size:20px;}
 .course-v5 .timeline-date small {font-size:10px;}
 .course-v5 .timeline h4 {font-size:16px;}
 .course-v5 .timeline p {font-size:13px;}
 .course-v5 .requirements {padding:23px;}
 .course-v5 .requirements .facts>div {grid-template-columns:60px 1fr;font-size:13px;gap:12px;}
 .course-v5 .requirements .facts small {font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {
 .course-v5 .course-switch a,.course-preview-art>img {transition:none;}
 .course-v5 .course-switch a:hover,.course-v5 .course-switch a:hover .course-preview-art>img {transform:none;}
}