/* Practical learning, real people, clear next steps. Scoped to protect the article archive. */
:root{--school-ink:#edf5f4;--school-muted:#b7c7cf;--school-accent:#8ed8ce;--school-surface:#1b303e;--school-teal:#8ed8ce;--school-line:#344955;--school-paper:#101f2c}
.school-page{margin:0;background:var(--school-paper);color:var(--school-ink);font-family:'Montserrat',sans-serif;font-size:18px;line-height:1.65}
.school-page *,.school-header *,.school-footer *{box-sizing:border-box}
.school-page h1,.school-page h2,.school-page h3,.school-brand{font-family:'Cormorant Garamond',sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.1}
.school-page h1,.school-page h2,.school-page h3,.school-page p,.school-page figure{margin:0}
.school-page h1{font-size:clamp(42px,5.35vw,76px);max-width:850px}.school-page h2{font-size:clamp(32px,3.3vw,48px)}.school-page h3{font-size:26px}
.school-page p+p{margin-top:1.1em}.school-page img{display:block;max-width:100%;height:auto}
.school-page a,.school-header a,.school-footer a{text-decoration:none}
.school-page a:focus-visible,.school-header :focus-visible,.school-footer a:focus-visible,.school-page summary:focus-visible{outline:3px solid #a67e18;outline-offset:5px}
.school-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.school-header{background:#fff;border-bottom:1px solid var(--school-line);color:var(--school-ink);position:relative;z-index:20;font:16px/1.4 'Montserrat',sans-serif}
.school-nav{width:min(1360px,calc(100% - 64px));margin:auto;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.school-brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:25px;color:var(--school-ink)}
.school-symbol{display:grid;place-content:center;background:var(--school-accent);color:white;width:40px;height:40px;border-radius:12px 12px 12px 2px;font-size:33px;line-height:1;padding-bottom:5px;letter-spacing:-.08em}
.school-menu{display:flex;align-items:center;gap:25px}.school-menu>a:not(.school-button){color:var(--school-ink);font-weight:500}
.school-menu>a:hover,.school-footer a:hover{text-decoration:underline;text-underline-offset:5px}.school-member-link{border-left:1px solid var(--school-line);padding-left:25px}.school-menu-toggle{display:none}
.school-skip{position:absolute;left:16px;top:-100px;padding:10px 20px;background:white;color:var(--school-ink);z-index:40}.school-skip:focus{top:12px}
.school-button{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:16px 24px;background:var(--school-accent);color:white!important;font-weight:600;line-height:1.35;border:1px solid var(--school-accent);border-radius:6px;transition:background .15s ease,transform .15s ease;font-family:'Montserrat',sans-serif;font-size:18px}
.school-button:hover{background:#3f3278;transform:translateY(-1px)}.school-button-small{font-size:16px;padding:12px 17px;gap:12px}.school-button-light{background:white;color:var(--school-accent)!important;border-color:var(--school-line)}.school-button-light:hover{background:var(--school-surface)}
.school-text-link{color:var(--school-accent);text-decoration:underline!important;text-underline-offset:5px;font-weight:600}
.school-eyebrow{display:block;color:var(--school-teal);font-size:16px;font-weight:600;margin-bottom:22px;letter-spacing:.02em}
.school-lead{font-size:23px;line-height:1.55;color:var(--school-muted);max-width:690px;margin-top:26px!important}
.school-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.school-small{font-size:15px;color:var(--school-muted);line-height:1.5}
.school-hero{display:grid;grid-template-columns:1.22fr .78fr;gap:66px;align-items:center;padding-block:72px 64px}.school-hero h1 em{font-style:normal;color:var(--school-accent)}.school-hero .school-lead{font-size:21px}
.school-portrait{background:var(--school-surface);border-radius:100px 6px 6px 6px;overflow:hidden;align-self:stretch;position:relative;min-height:560px}.school-portrait img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 30%}
.school-portrait figcaption{position:absolute;inset:auto 22px 22px;background:#fffffff2;padding:17px 20px;border-radius:4px;font-size:15px;line-height:1.45}.school-portrait figcaption strong{display:block;font:500 22px 'Cormorant Garamond',sans-serif;margin-bottom:4px}
.school-home-note{margin-top:22px!important;font-size:15px;color:var(--school-muted)}
.school-principles{display:flex;justify-content:space-between;gap:24px;padding-block:25px;border-top:1px solid var(--school-line);border-bottom:1px solid var(--school-line);color:var(--school-muted);font-size:17px}.school-principles strong{color:var(--school-ink);font-weight:600}
.school-section{padding-block:90px}.school-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.school-section-heading h2{max-width:650px}.school-section-heading p{max-width:360px;color:var(--school-muted)}
.school-learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.school-learning-item{border-top:2px solid var(--school-accent);padding-top:23px}.school-number{font:400 16px 'Cormorant Garamond',sans-serif;color:var(--school-teal);display:block;margin-bottom:22px}.school-learning-item p{color:var(--school-muted);margin-top:16px}.school-learning-item a{display:inline-block;margin-top:22px}
.school-device-band{background:#efedf6}.school-split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.school-split p{margin-top:24px;color:var(--school-muted)}
.school-device-photo{background:white;border-radius:6px;overflow:hidden}.school-device-photo img{width:100%;aspect-ratio:1/1;object-fit:contain}.school-device-photo figcaption{padding:0 22px 19px;color:var(--school-muted);font-size:14px}
.school-feature-list{list-style:none;margin:25px 0 0;padding:0}.school-feature-list li{padding:12px 0 12px 27px;border-top:1px solid var(--school-line);position:relative}.school-feature-list li::before{content:'✓';position:absolute;left:0;color:var(--school-teal)}
.school-dash-panel{background:#173f3e;color:#fff;border-radius:8px;padding:44px;overflow:hidden}.school-dash-panel .school-eyebrow{color:#a0dacf}.school-dash-panel h2{max-width:520px}.school-dash-panel p{color:#daebe8;margin-top:20px}.school-dash-panel .school-split{gap:50px}.school-dash-panel img{border-radius:5px;width:100%;max-height:470px;object-fit:cover;object-position:top;box-shadow:0 14px 30px #071d1c44}.school-dash-panel figcaption{font-size:13px;color:#c7e2dc;margin-top:10px}.school-dash-panel .school-text-link{color:white}
.school-membership-summary{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:30px;align-items:start}.school-membership-summary p{color:var(--school-muted);margin-top:18px}.school-summary-plan{padding-left:30px;border-left:1px solid var(--school-line)}.school-price{font:500 54px/1.2 'Cormorant Garamond',sans-serif;letter-spacing:-.05em;margin:15px 0!important;color:var(--school-ink)!important}.school-price span{font:400 17px 'Montserrat',sans-serif;letter-spacing:0;color:var(--school-muted)}
.school-start-free{background:var(--school-surface);padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:6px;margin-bottom:80px}.school-start-free h2{font-size:34px}.school-start-free p{max-width:700px;margin-top:14px;color:var(--school-muted)}.school-start-free .school-button{flex-shrink:0}
.school-footer{background:#232239;color:#dcdbe7;padding-top:58px;font:16px/1.5 'Montserrat',sans-serif}.school-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:35px;padding-bottom:45px}.school-footer .school-brand{color:white}.school-footer p{margin:22px 0 0;color:#bdbbce;line-height:1.8}.school-footer h2{font-size:16px;letter-spacing:0;font-weight:600;margin:5px 0 20px;color:white}.school-footer a:not(.school-brand){display:block;color:#dcdbe7;margin-top:10px}.school-footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #464456;padding-block:23px;color:#bdbbce;font-size:14px}
.school-page-intro{padding-block:72px 55px;max-width:900px}.school-page-intro h1{font-size:clamp(42px,5vw,64px)}
.school-paths{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:70px}.school-path{padding:35px;background:var(--school-surface);border-radius:6px}.school-path p{margin-top:18px;color:var(--school-muted)}.school-path ol{padding-left:22px;margin:22px 0 0}.school-path li{padding:7px 0}.school-path a{color:var(--school-accent);text-decoration:underline;text-underline-offset:4px}
.school-course-row{display:grid;grid-template-columns:70px 1fr 1fr auto;align-items:start;gap:30px;padding:30px 0;border-top:1px solid var(--school-line)}.school-course-row p{color:var(--school-muted);font-size:17px}.school-course-row h3{font-size:23px}.school-course-row .school-number{margin:3px 0}.school-course-row a{white-space:nowrap;font-size:16px}
.school-library{border-top:1px solid var(--school-line);padding:24px 0}.school-library summary{font:500 24px 'Cormorant Garamond',sans-serif;cursor:pointer;padding:8px 0}.school-library>p{color:var(--school-muted);margin-top:20px}.school-library ul{display:grid;grid-template-columns:1fr 1fr;gap:16px 35px;list-style:none;padding:0;margin:28px 0 0}.school-library a{color:var(--school-accent);text-decoration:underline;text-underline-offset:4px}.school-library li p{font-size:16px;margin-top:5px;color:var(--school-muted)}
.school-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:30px}.school-plan{display:flex;flex-direction:column;padding:32px;border:1px solid var(--school-line);background:white;border-radius:7px;position:relative}.school-plan-premium{border:2px solid var(--school-accent);background:#f6f4fc}.school-plan-label{font-size:15px;font-weight:600;color:var(--school-teal);min-height:26px;margin-bottom:14px!important}.school-plan>p:not(.school-price):not(.school-plan-label){font-size:17px;color:var(--school-muted)}.school-plan .school-feature-list{font-size:16px;flex:1;margin-bottom:25px}.school-plan .school-small{margin-top:12px!important;font-size:14px!important;min-height:42px}
.school-faq{max-width:850px;margin-inline:auto}.school-faq h2{margin-bottom:30px}.school-faq details{border-top:1px solid var(--school-line);padding:23px 0}.school-faq summary{cursor:pointer;font:500 23px/1.35 'Cormorant Garamond',sans-serif}.school-faq details p{color:var(--school-muted);margin-top:20px}
.school-about-photo{border-radius:6px;overflow:hidden}.school-about-photo img{width:100%;max-height:600px;object-fit:cover;object-position:50% 30%}.school-about-photo figcaption{color:var(--school-muted);font-size:14px;margin-top:12px}.school-timeline{padding-top:10px}.school-timeline-item{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:24px 0;border-top:1px solid var(--school-line)}.school-timeline-item strong{color:var(--school-accent);font:500 27px 'Cormorant Garamond',sans-serif}.school-timeline-item p{margin-top:0}
.school-ecosystem{display:grid;grid-template-columns:1fr 1fr;gap:35px}.school-ecosystem article{border-top:1px solid var(--school-line);padding-top:25px}.school-ecosystem p{margin-top:17px;color:var(--school-muted)}.school-ecosystem a{display:inline-block;margin-top:20px}.school-archive-label{background:var(--school-surface);display:inline-block;padding:8px 15px;border-radius:4px;color:var(--school-accent);font-size:16px;margin-bottom:22px}
@media(min-width:1450px){.school-hero{gap:90px}}
@media(max-width:1150px){.school-nav{gap:20px}.school-menu{gap:18px}.school-member-link{display:none}.school-hero{gap:40px}.school-portrait{min-height:520px}.school-plan{padding:25px}.school-split{gap:45px}}
@media(max-width:900px){.school-wrap,.school-nav{width:calc(100% - 40px)}.school-nav{min-height:78px;flex-wrap:wrap}.school-menu-toggle{display:flex;align-items:center;gap:14px;border:1px solid var(--school-line);border-radius:4px;background:white;padding:10px 14px;color:var(--school-ink);font:600 16px 'Montserrat',sans-serif}.school-menu{display:none;width:100%;padding:0 0 24px;align-items:stretch;gap:0;flex-direction:column}.school-menu.is-open{display:flex}.school-menu>a:not(.school-button){padding:13px 0}.school-member-link{display:block;border:0}.school-menu .school-button{margin-top:12px}.school-hero{gap:30px;padding-block:45px}.school-hero h1{font-size:50px}.school-portrait{min-height:540px}.school-hero .school-lead{font-size:19px}.school-hero .school-actions{gap:18px}.school-principles{flex-wrap:wrap;justify-content:start;gap:13px 30px}.school-section{padding-block:65px}.school-learning-grid{gap:24px}.school-split{gap:35px}.school-membership-summary{grid-template-columns:1fr 1fr}.school-membership-summary>div:first-child{grid-column:1/-1}.school-summary-plan{padding-left:0;border-left:0;border-top:1px solid var(--school-line);padding-top:24px}.school-plan-grid{grid-template-columns:1fr}.school-plan{padding:32px}.school-plan .school-small{min-height:0}.school-plan-label{min-height:0}.school-footer-grid{grid-template-columns:1fr 1fr;gap:35px}.school-start-free{padding:32px;align-items:start;flex-direction:column;gap:25px}.school-course-row{grid-template-columns:40px 1fr 1fr;gap:20px}.school-course-row a{grid-column:2/-1}.school-dash-panel{padding:32px}.school-dash-panel .school-split{gap:30px}}
@media(max-width:620px){.school-page{font-size:18px}.school-hero{grid-template-columns:1fr;padding-block:38px}.school-hero h1{font-size:47px;max-width:500px}.school-hero .school-lead{font-size:20px}.school-hero .school-actions{align-items:start;flex-direction:column}.school-portrait{min-height:410px;border-top-left-radius:65px}.school-portrait img{object-position:50% 23%}.school-portrait figcaption{inset:auto 16px 16px;padding:13px 16px;max-width:300px}.school-eyebrow{margin-bottom:18px}.school-principles{display:grid;gap:12px;font-size:16px}.school-section{padding-block:52px}.school-section-heading{display:block;margin-bottom:30px}.school-section-heading p{margin-top:22px}.school-learning-grid{grid-template-columns:1fr;gap:32px}.school-number{margin-bottom:15px}.school-split{grid-template-columns:1fr;gap:30px}.school-device-photo{order:2}.school-feature-list li{padding-block:11px}.school-dash-panel{padding:27px 22px}.school-dash-panel .school-split{gap:30px}.school-dash-panel img{max-height:390px}.school-membership-summary{gap:25px}.school-membership-summary h3{font-size:23px}.school-price{font-size:46px}.school-start-free{margin-bottom:50px;padding:28px 23px}.school-start-free h2{font-size:31px}.school-footer-grid{gap:30px 25px}.school-footer-grid>div:first-child{grid-column:1/-1}.school-footer-bottom{display:block}.school-footer-bottom span{display:block;margin-top:8px}.school-page-intro{padding-block:43px 35px}.school-lead{font-size:21px}.school-paths{grid-template-columns:1fr;padding-bottom:45px}.school-path{padding:27px}.school-course-row{grid-template-columns:30px 1fr;gap:13px}.school-course-row p,.school-course-row a{grid-column:2}.school-course-row h3{font-size:24px}.school-library ul{grid-template-columns:1fr}.school-plan{padding:27px}.school-ecosystem{grid-template-columns:1fr}.school-timeline-item{grid-template-columns:65px 1fr;gap:20px}.school-about-photo img{max-height:480px}.school-actions{gap:20px}.school-button{font-size:17px;padding:15px 20px}}
.school-path ol{list-style:decimal}
@media(max-width:620px){.school-nav{width:calc(100% - 32px);gap:8px;min-height:74px}.school-header .school-brand{font-size:22px;gap:9px}.school-header .school-symbol{width:34px;height:34px;font-size:28px}.school-menu-toggle{font-size:14px;padding:8px 10px;gap:8px}.school-hero h1{font-size:clamp(36px,11.4vw,47px)}}
@media(prefers-reduced-motion:reduce){.school-button{transition:none}.school-button:hover{transform:none}}
