/* A quiet course directory, scoped to this release. Shared brand/nav remain unchanged. */
[data-course-closure] { --closure-ink:#11151c; --closure-muted:#556171; --closure-rule:#dbe0e6; }
.closure-directory,.closure-course-detail { max-width:1200px; margin:0 auto; padding:0 24px 64px; color:var(--closure-ink); }
.closure-directory-hero { padding:32px 0 28px; }
.closure-directory h1,.closure-course-detail h1 { font-size:clamp(32px,3.6vw,50px); line-height:1.2; letter-spacing:-.025em; margin:0 0 14px; font-weight:650; }
.closure-directory-hero p,.closure-lead { color:var(--closure-muted); font-size:17px; line-height:1.75; margin:0; }
.closure-course-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:48px; }
.closure-course-card { position:relative; display:flex; flex-direction:column; min-width:0; padding:28px 0 32px; border-top:1px solid var(--closure-rule); scroll-margin-top:110px; }
.closure-stage { font-size:12px; letter-spacing:.06em; font-weight:600; color:var(--closure-muted); margin:0 0 10px; }
.closure-course-card h2 { font-size:25px; font-weight:650; line-height:1.4; margin:0 0 12px; }
.closure-audience { margin:0 0 16px; min-height:54px; font-size:16px; line-height:1.7; color:var(--closure-muted); }
.closure-prerequisite { margin:0 0 16px; font-size:14px; line-height:1.7; }
.closure-prerequisite span { color:var(--closure-muted); margin-right:12px; }
.closure-topics { display:flex; flex-wrap:wrap; gap:6px 16px; list-style:none; margin:0 0 24px; padding:0; font-size:14px; line-height:1.8; }
.closure-topics li { padding-left:12px; position:relative; }
.closure-topics li::before { content:""; position:absolute; width:3px; height:3px; background:currentColor; left:0; top:.8em; }
.closure-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; }
.closure-course-card .closure-actions { margin-top:auto; }
a.closure-action { display:inline-flex; align-items:center; justify-content:center; min-height:44px; font-size:14px; line-height:1.5; font-weight:600; text-decoration:none; color:var(--closure-ink); }
a.closure-action:hover { text-decoration:underline; text-underline-offset:5px; }
a.closure-action--primary { color:#fff; background:#161616; padding:12px 18px; border-radius:4px; }
a.closure-action--primary:hover { background:#303030; }
.closure-note { color:var(--closure-muted); font-size:13px; line-height:1.8; }
.closure-directory-note { margin:8px 0 0; padding-top:20px; border-top:1px solid var(--closure-rule); }
.closure-anchor { position:absolute; top:0; }
.closure-course-hero { padding:40px 0 30px; max-width:950px; }
.closure-back { display:inline-block; margin-bottom:22px; font-size:14px; color:var(--closure-muted); }
.closure-course-hero .closure-actions { margin-top:24px; }
.closure-course-hero .closure-note { margin:18px 0 0; }
.closure-detail-section { border-top:1px solid var(--closure-rule); padding:30px 0; display:grid; grid-template-columns:250px minmax(0,1fr); gap:36px; scroll-margin-top:110px; }
.closure-detail-section h2 { font-size:23px; line-height:1.45; margin:0; }
.closure-outline,.closure-scope ul { margin:0 0 12px; padding-left:20px; line-height:1.9; font-size:16px; }
.closure-excerpt { font-size:14px; line-height:1.8; color:var(--closure-muted); }
.closure-scope { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.closure-scope h3 { font-size:16px; margin:0 0 10px; }
.closure-scope p,.closure-scope li { color:var(--closure-muted); font-size:14px; line-height:1.8; }
.closure-scope p { margin:0 0 20px; }
.closure-course-detail .commercial-course-nav { padding:24px 0 0; border-top:1px solid var(--closure-rule); margin:0; }
[data-course-closure] a:focus-visible { outline:3px solid #4268bc; outline-offset:4px; }
@media(max-width:767px){
 .closure-directory,.closure-course-detail { padding:0 16px 40px; }
 .closure-directory-hero { padding:24px 0; }
 .closure-course-grid { grid-template-columns:1fr; }
 .closure-course-card { padding:24px 0; }
 .closure-course-card h2 { font-size:24px; }
 .closure-audience { min-height:0; }
 .closure-topics { margin-bottom:16px; }
 .closure-directory-hero p,.closure-lead { font-size:16px; }
 .closure-course-hero { padding:28px 0; }
 .closure-detail-section { grid-template-columns:1fr; gap:18px; padding:26px 0; }
 .closure-scope { grid-template-columns:1fr; gap:16px; }
 .closure-actions { gap:8px 18px; }
 .closure-course-detail .commercial-course-nav { flex-wrap:wrap; gap:14px; }
}