/* Quiet, compact presentation shared by the public pages. */
:root{--paper:#fff;--ink:#202124;--muted:#64676d;--line:1px solid #d9dadd;--lime:#f3f4f1;--purple:#f6f6f5;--coral:#eceee9!important}
body{background:#fff!important;color:var(--ink)!important}
nav{height:56px!important;padding:0 max(20px,calc((100vw - 1180px)/2))!important;border-bottom:1px solid #ddd!important;background:#fff!important}
.brand img,.logo img{width:112px!important}
.primary,.primary.small,.button,.nav-cta,.next a{border:0!important;border-radius:4px!important;box-shadow:none!important;padding:10px 14px!important;background:#202124!important}
.secondary{border:1px solid #bbb!important;border-radius:4px!important;padding:9px 13px!important}
.label,.tag{border:0!important;border-radius:3px!important;box-shadow:none!important;background:#f0f1ed!important;padding:5px 7px!important;color:#555!important}
h1,h2,h3{letter-spacing:-.025em!important}
h1{font-size:clamp(38px,5vw,62px)!important;line-height:1.02!important;margin:18px 0 14px!important}
h1 em{color:inherit!important;-webkit-text-stroke:0!important}
.hero{min-height:0!important;max-width:1180px;margin:0 auto;border-bottom:0!important;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)!important}
.hero-copy,.hero>div{padding:48px 32px 38px 0!important}
.hero-copy>p,.hero p{font-size:16px!important;line-height:1.55!important;max-width:660px!important}
.actions{margin-top:20px!important;gap:10px!important}
.trust,.hero .trust{margin-top:15px!important;gap:14px!important}
.route-card,.hero aside{margin:28px 0!important;padding:22px!important;border:1px solid #ddd!important;border-radius:6px!important;background:#fafafa!important;justify-content:flex-start!important}
.route-card h2{font-size:24px!important;line-height:1.2!important;margin:8px 0 12px!important}
.route-card a,.hero li{padding:9px 0!important;font-size:11px!important}
section,main>section{padding:40px max(20px,calc((100vw - 1180px)/2))!important;border-bottom:1px solid #e2e2e2!important}
.section-title,.section-head{margin-bottom:22px!important;gap:20px!important}
.section-title{grid-template-columns:55px minmax(260px,1fr) minmax(260px,380px)!important}
.section-title h2,h2{font-size:clamp(30px,3.6vw,44px)!important;line-height:1.05!important}
.field-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}
.field-grid a{min-height:0!important;padding:16px!important;border:1px solid #ddd!important;background:#fff!important}
.field-grid a:nth-child(n){background:#fff!important}
.field-grid a:hover,.course-card:hover{transform:none!important;box-shadow:none!important;border-color:#888!important}
.field-grid h3{font-size:19px!important;margin:24px 0 6px!important}
.steps{border:1px solid #ddd!important}
.steps article{padding:17px!important;border-color:#ddd!important}
.steps h3{font-size:18px!important}
.start-button{margin-top:18px!important}
.academy-page .hero{display:block!important}
body.has-ad-rail .hero{grid-template-columns:1fr!important}
body.has-ad-rail .hero>div{padding-right:0!important}
body.has-ad-rail .hero aside{display:none!important}
.stats{display:none!important}
.path-tabs,.filters{gap:6px!important}
.path-tabs button,.filters button{padding:8px 10px!important;border:1px solid #ccc!important;border-radius:3px!important}
.path-detail{margin-top:14px!important;border:1px solid #ddd!important}
.path-intro{padding:16px!important;background:#f6f6f5!important;border-bottom:1px solid #ddd!important}
.path-intro h3{font-size:23px!important}
.stage{min-height:0!important;padding:13px!important;border-color:#ddd!important}
.stage h4{font-size:15px!important;margin:6px 0 8px!important}
.project{padding:12px 16px!important;border-top:1px solid #ddd!important;background:#fafafa!important}
.toolbar{padding:12px!important;border:1px solid #ddd!important;background:#fafafa!important}
.result-line{margin:12px 0!important}
.course-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
.course-card{min-height:0!important;padding:14px!important;border:1px solid #ddd!important;border-radius:4px!important}
.course-card.done{background:#f5f8ef!important}
.course-icon{width:auto!important;height:auto!important;margin:13px 0 7px!important;border:0!important;border-radius:0!important;display:block!important;background:transparent!important;color:#777!important}
.course-card h3{font-size:18px!important}
.course-foot{padding-top:13px!important}
.method{gap:8px!important}
.method article{padding:15px!important;border:1px solid #ddd!important;background:#fff!important}
.method article:nth-child(n){background:#fff!important}
.method h3{font-size:19px!important;margin:12px 0 5px!important}
.weekly{padding:14px!important;margin-top:8px!important;border:1px solid #ddd!important;background:#fafafa!important}
footer{padding:24px max(20px,calc((100vw - 1180px)/2))!important}
footer div{font-size:26px!important;letter-spacing:-.02em!important}
.ad-rail{display:none!important}

/* Course pages */
.course-head{padding:42px max(32px,calc((100% - 820px)/2)) 30px!important;gap:24px!important;border-bottom:1px solid #e5e5e5!important;background:#fff!important}
.course-head h1{font-size:clamp(34px,4vw,52px)!important}
.facts{border:0!important;border-left:1px solid #ddd!important;background:#fff!important;box-shadow:none!important;padding-left:20px!important}
.course-page{height:100vh!important;overflow:hidden!important}
.layout{grid-template-columns:220px minmax(0,1fr)!important;max-width:none!important;width:100%!important;height:calc(100vh - 56px)!important;margin:0!important;overflow:hidden!important;align-items:stretch!important}
.sidebar{position:static!important;height:100%!important;overflow-y:auto!important;border-right:1px solid #ddd!important;padding:18px 14px!important;background:#fff!important}
.toc{padding-top:12px!important}
.toc-chapter{margin:0 0 13px!important}
.toc-title{display:grid!important;grid-template-columns:25px 1fr!important;gap:4px!important;padding:5px 0!important;border:0!important;color:#222!important;font:600 11px/1.4 Manrope,sans-serif!important}
.toc-title span{color:#888!important;font:10px/1.5 "DM Mono",monospace!important}
.toc-sections{list-style:none!important;margin:2px 0 0 29px!important;padding:0!important;border-left:1px solid #ddd!important}
.toc-sections a{padding:3px 0 3px 9px!important;border:0!important;color:#777!important;font:10px/1.35 Manrope,sans-serif!important}
.toc-sections a:hover{color:#111!important}
.lesson [id]{scroll-margin-top:24px}
.course-scroll{height:100%!important;min-width:0!important;overflow-y:auto!important;overscroll-behavior:contain}
.lessons{padding:44px 32px 80px!important;max-width:820px!important;margin:0 auto!important}
.lesson{margin-bottom:64px!important;padding-bottom:56px!important;border-bottom:1px solid #e1e1e1!important}
.lesson h2{font-size:clamp(27px,3vw,38px)!important}
.goal{margin:12px 0 18px!important;padding-left:14px!important;border-left:3px solid #999!important;font:15px/1.65 Georgia,"Times New Roman",serif!important;color:#444!important}
.prereq{margin:0 0 26px!important;padding:0!important;border:0!important;background:none!important;color:#666!important;font:11px/1.5 "DM Mono",monospace!important}
.lesson-body,.lesson-body.explanation-only{display:block!important;border:0!important;margin-top:0!important}
.explain,.lesson-body.explanation-only .explain{padding:0!important;border:0!important;background:none!important}
.explain h3,.code h3,.mistakes h3{margin:24px 0 10px!important;color:#555!important;font:600 12px/1.4 Manrope,sans-serif!important;letter-spacing:.04em!important;text-transform:none!important}
.explain p{margin:0!important;color:#292929!important;font:17px/1.82 Georgia,"Times New Roman",serif!important}
.key{margin:22px 0!important;padding:2px 0 2px 18px!important;border-left:3px solid #888!important;background:none!important;color:#444!important;font:italic 16px/1.7 Georgia,"Times New Roman",serif!important}
.code{margin:28px 0 0!important;padding:20px!important;border-radius:4px!important;background:#202124!important}
.code pre{font-size:13px!important;line-height:1.65!important}
.walkthrough{font-size:12px!important;line-height:1.7!important}
.walkthrough-text{margin-top:22px!important;padding:18px 20px!important;border-left:3px solid #bbb!important;background:#fafafa!important;font:15px/1.7 Georgia,"Times New Roman",serif!important}
.walkthrough-text p{margin:6px 0 16px!important}
.mistakes{margin-top:22px!important;padding:14px 18px!important;border:0!important;border-left:3px solid #b36b5e!important;background:#faf8f6!important}
.mistakes ul{font:14px/1.7 Georgia,"Times New Roman",serif!important}

@media(max-width:900px){.hero{grid-template-columns:1fr!important;padding:0 20px}.hero-copy,.hero>div{padding:32px 0 24px!important}.route-card{margin:0 0 28px!important}.section-title{grid-template-columns:1fr!important}.field-grid{grid-template-columns:repeat(2,1fr)!important}.course-grid{grid-template-columns:repeat(2,1fr)!important}.course-page{height:auto!important;overflow:auto!important}.layout{display:block!important;height:auto!important;overflow:visible!important}.sidebar{height:auto!important;max-height:240px!important;border-right:0!important;border-bottom:1px solid #ddd!important}.course-scroll{height:auto!important;overflow:visible!important}.course-head{padding:24px 20px 20px!important}.lessons{padding:24px 20px!important}}
@media(max-width:560px){nav{padding-inline:14px!important}.nav-links>a:not(.primary),nav>div>a:not(.nav-cta){display:none!important}h1{font-size:38px!important}.field-grid,.course-grid{grid-template-columns:1fr!important}section,main>section{padding:30px 16px!important}.hero{padding:0 16px}.method{grid-template-columns:1fr!important}.course-head{padding:24px 16px 18px!important}.lessons{padding:22px 16px!important}footer{padding:22px 16px!important}}