/* Shared course navigation and the courses pillar page. */
.nav-courses{position:relative}
.nav-course-control{display:flex;align-items:center;gap:2px}
.course-menu-toggle{display:grid;place-items:center;width:36px;height:44px;padding:0;background:transparent;color:var(--ink);border-radius:8px}
.course-menu-toggle .icon{width:18px;height:18px;transition:transform .18s ease}
.course-menu-toggle[aria-expanded="true"] .icon{transform:rotate(180deg)}
.course-menu-toggle:hover{background:var(--purple-soft);color:var(--purple)}
.course-menu-toggle:focus-visible{outline:3px solid var(--purple);outline-offset:2px}
.nav-course-control>a[aria-current="page"]{color:var(--purple)}
.desktop-nav>a[aria-current="page"],.mobile-nav>a[aria-current="page"]{color:var(--purple)}
.courses-dropdown{position:absolute;left:-24px;top:calc(100% + 10px);width:390px;padding:20px;background:var(--white);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 18px 50px #29123d14;max-height:calc(100dvh - 120px);overflow:auto}
.dropdown-label{font:600 var(--type-eyebrow-size)/var(--type-eyebrow-line) var(--font-body);letter-spacing:.08em;color:var(--muted);margin:0 10px 12px}
.courses-dropdown ul{list-style:none;padding:0;margin:0}
.courses-dropdown li>a,.desktop-nav .courses-dropdown li>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 10px;border-radius:10px;font:400 var(--type-control-size)/var(--type-control-line) var(--font-body)}
.courses-dropdown li>a>.icon{width:18px;height:18px;flex:none;color:var(--purple);opacity:0;transition:opacity .18s}
.courses-dropdown li>a:hover,.courses-dropdown li>a:focus-visible{background:var(--purple-soft);color:var(--purple)}
.courses-dropdown li>a:hover>.icon,.courses-dropdown li>a:focus-visible>.icon{opacity:1}
.desktop-nav .courses-dropdown a:after{display:none}
.courses-dropdown .dropdown-view-all{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border-subtle);padding:18px 10px 0;margin-top:12px;color:var(--purple);font-weight:600}
.courses-dropdown .dropdown-view-all:hover{text-decoration:underline;text-underline-offset:4px}
.all-courses-link{display:flex;justify-content:center;margin-top:28px}
.course-facts{display:grid;gap:18px;margin:0 0 26px}
.course-facts>div{display:grid;gap:5px}
.course-facts dt{display:flex;align-items:center;gap:8px;font:500 var(--type-small-size)/var(--type-small-line) var(--font-body);color:var(--muted)}
.course-facts dt .icon{width:16px;height:16px;flex:none;color:var(--purple)}
.course-facts dd{margin:0;font:400 var(--type-body-size)/var(--type-body-line) var(--font-body);color:var(--ink)}
.course-schedule{display:block;margin-top:3px;font:400 var(--type-small-size)/var(--type-small-line) var(--font-body);color:var(--muted)}
.detail-body>.course-facts{margin-top:24px;padding-block:22px;border-block:1px solid var(--border-subtle)}

.catalog-hero{padding:32px 48px 48px;border-radius:24px;background:var(--purple-soft)}
.breadcrumbs{display:flex;gap:12px;align-items:center;color:var(--muted);font:400 var(--type-small-size)/var(--type-small-line) var(--font-body)}
.breadcrumbs a:hover{color:var(--purple);text-decoration:underline;text-underline-offset:4px}
.catalog-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-top:42px}
.catalog-hero .section-label{color:var(--text-secondary)}
.catalog-hero h1{font:600 5rem/1.05 var(--font-heading);letter-spacing:-.045em;margin-top:14px}
.catalog-hero h1>span{color:var(--purple)}
.catalog-intro>p{font:400 var(--type-lead-size)/var(--type-lead-line) var(--font-body);color:var(--text-secondary);max-width:39ch}
.catalog-intro>span{display:block;font:400 var(--type-small-size)/var(--type-small-line) var(--font-body);color:var(--muted);margin-top:14px}
.course-catalog.section{margin-top:48px;padding-inline:0}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.catalog-toolbar .filters{flex-wrap:wrap;gap:8px}
.catalog-toolbar .filter{font-weight:400}
.catalog-toolbar>p{color:var(--muted);font:400 var(--type-small-size)/var(--type-small-line) var(--font-body);flex:none}
.course-catalog .course-grid{gap:24px}
.course-catalog .course-card{scroll-margin-top:24px}
.course-catalog .course-card:target{border-color:var(--purple)}
.course-catalog .course-card:focus{outline:none}
.course-catalog .course-card:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.course-catalog .course-cover{height:206px}
.course-catalog .course-body{padding:24px}
.course-catalog .course-body h3{font:600 28px/34px var(--font-heading);letter-spacing:-.035em;max-width:none;min-height:68px}
.course-catalog .course-body>p{margin-top:14px;margin-bottom:24px;min-height:104px}
.course-catalog .course-facts{padding-top:20px;border-top:1px solid var(--border-subtle);margin-top:auto}
.course-catalog .course-facts>div:last-child{min-height:79px}
.course-catalog .course-action{margin-top:0;padding-top:18px;color:var(--purple)}
.catalog-guidance{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;background:var(--purple-soft);border-radius:24px;padding:48px;margin-top:80px;margin-bottom:24px;overflow:hidden}
.catalog-guidance h2{font:600 52px/1.1 var(--font-heading);letter-spacing:-.04em;margin-top:20px}
.catalog-guidance h2>span{color:var(--purple)}
.catalog-guidance p:not(.section-label){color:var(--text-secondary);max-width:46ch;margin-top:24px}
.catalog-guidance .button{margin-top:28px}
.guidance-art{background:transparent}
.guidance-art img{display:block;width:100%;height:auto;object-fit:contain}


@media(max-width:1100px){
 .mobile-nav:not([hidden]){max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}
 .mobile-nav .nav-courses{border-bottom:1px solid #f0edf4}
 .mobile-nav .nav-course-control{justify-content:space-between}
 .mobile-nav .nav-course-control>a{flex:1;padding:15px 0;font-weight:500}
 .mobile-nav .course-menu-toggle{width:44px}
 .mobile-nav .courses-dropdown{position:static;width:100%;max-height:none;padding:12px;margin:0 0 16px;background:var(--purple-soft);border:0;border-radius:12px;box-shadow:none}
 .mobile-nav .dropdown-label{display:none}
 .mobile-nav .courses-dropdown li>a{padding:12px 8px;font-size:var(--type-small-size);line-height:var(--type-small-line)}
 .mobile-nav .courses-dropdown li>a>.icon{opacity:1}
 .mobile-nav .dropdown-view-all{padding:14px 8px 4px;margin-top:6px}
 .catalog-hero{padding:28px 32px 40px}
 .catalog-hero-content{grid-template-columns:1fr;gap:24px;margin-top:32px}
 .catalog-hero h1{font-size:56px;line-height:64px}
 .catalog-intro>p{max-width:48ch}
 .catalog-toolbar{align-items:flex-start;flex-direction:column;gap:16px}
 .course-catalog .course-grid{gap:20px}
 .course-catalog .course-body{padding:22px}
 .course-catalog .course-body h3{font-size:26px;line-height:32px;min-height:64px}
 .catalog-guidance{padding:36px;gap:24px}
 .catalog-guidance h2{font-size:40px;line-height:48px}
}
@media(max-width:700px){
 .catalog-guidance{grid-template-columns:1fr}
 .guidance-art{display:none}
}
@media(max-width:540px){
 .mobile-nav:not([hidden]){max-height:calc(100dvh - 76px)}
 .catalog-hero{padding:24px;border-radius:20px}
 .catalog-hero-content{gap:20px;margin-top:28px}
 .catalog-hero h1{font-size:40px;line-height:48px;margin-top:12px}
 .catalog-intro>span{margin-top:12px;max-width:28ch}
 .course-catalog.section{margin-top:32px}
 .catalog-toolbar{margin-bottom:24px}
 .catalog-toolbar .filters{gap:8px}
 .catalog-toolbar .filter{padding:10px 14px}
 .course-catalog .course-grid{gap:24px}
 .course-catalog .course-cover{height:190px}
 .course-catalog .course-body{padding:24px 20px}
 .course-catalog .course-body h3{min-height:0;font-size:26px;line-height:32px}
 .course-catalog .course-body>p{min-height:0}
 .course-catalog .course-facts>div:last-child{min-height:0}
 .catalog-guidance{margin-top:48px;padding:28px 24px;border-radius:20px}
 .catalog-guidance h2{font-size:32px;line-height:40px}
 .catalog-guidance .button{gap:16px;padding-inline:18px;width:100%}
}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.course-facts .course-duration{display:block;font:600 24px/32px var(--font-heading);letter-spacing:-.025em}