:root{--ink:#202b2d;--muted:#687374;--paper:#f6f7f4;--surface:#fff;--line:#dfe5e0;--green:#315c54;--green-dark:#173b38;--yellow:#f2b84b;--orange:#d46a3b;--blue:#658b9e;--shadow:0 16px 40px rgba(25,45,42,.08);--radius:6px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.skip-link{position:absolute;left:16px;top:-48px;padding:10px 14px;background:var(--yellow);z-index:1000}.skip-link:focus{top:12px}.site-header{background:rgba(246,247,244,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.header-inner{min-height:78px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:190px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--green-dark);color:var(--yellow);font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:18px}.brand-copy{display:flex;flex-direction:column;font-family:"Space Grotesk",sans-serif;line-height:1}.brand-copy strong{font-size:12px;letter-spacing:.04em}.brand-copy small{color:var(--orange);font-size:9px;letter-spacing:.23em;margin-top:4px}.main-nav{display:flex;align-items:center;gap:22px;flex:1}.nav-link{font-size:13px;color:#596765;padding:29px 0;border-bottom:2px solid transparent;white-space:nowrap}.nav-link:hover,.nav-link.is-active{color:var(--green-dark);border-color:var(--orange)}.header-tools{display:flex;align-items:center;gap:7px}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--green-dark);height:38px;min-width:38px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit}.icon-button:hover{border-color:var(--green);background:#eef4f0}.language-current{font-size:11px;font-weight:700;letter-spacing:.04em}.language-switcher{position:relative}.language-menu{position:absolute;right:0;top:46px;width:146px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:7px;z-index:80}.language-menu a{display:block;padding:8px 9px;font-size:12px}.language-menu a:hover,.language-menu a[aria-current=true]{background:#edf3ee;color:var(--green-dark)}.mobile-nav-toggle{display:none}.hero-section{background:var(--green-dark);color:#f8fbf7;padding:72px 0 64px}.hero-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:64px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);font-weight:700;margin:0 0 16px}.hero-section .eyebrow{color:var(--yellow)}h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:1.08;letter-spacing:0;margin:0 0 18px}h1{font-size:clamp(42px,5vw,70px);max-width:760px}h2{font-size:clamp(28px,3.2vw,44px)}h3{font-size:20px}.hero-lead,.intro-lead{font-size:18px;line-height:1.65;color:#d9e6de;max-width:620px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 17px;border-radius:4px;border:1px solid transparent;font-size:13px;font-weight:700;cursor:pointer;transition:.2s ease}.button-primary{background:var(--yellow);color:#1c312d}.button-primary:hover{background:#ffd16d;transform:translateY(-1px)}.button-quiet{border-color:rgba(255,255,255,.34);color:#f8fbf7}.button-quiet:hover{border-color:#fff;background:rgba(255,255,255,.08)}.hero-actions{display:flex;gap:12px;margin:32px 0 42px;flex-wrap:wrap}.fact-strip{display:flex;gap:28px;flex-wrap:wrap}.fact-strip div{border-left:1px solid rgba(255,255,255,.25);padding-left:14px;display:flex;flex-direction:column}.fact-strip strong{font:600 22px "Space Grotesk",sans-serif}.fact-strip span{font-size:11px;color:#a9c0b4;margin-top:3px}.hero-art{margin:0}.hero-art img{width:100%;aspect-ratio:616/353;object-fit:cover;border:1px solid rgba(255,255,255,.17);box-shadow:0 20px 50px rgba(0,0,0,.22)}figcaption{font-size:11px;line-height:1.45;color:var(--muted);margin-top:10px}figcaption a{color:var(--green);text-decoration:underline}.hero-art figcaption{color:#abc1b6}.hero-art figcaption a{color:var(--yellow)}.visual-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:26px 0 70px}.rail-image{margin:0}.rail-image img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}.planner-intro,.guide-index{padding:10px 0 90px}.section-heading{margin-bottom:32px;max-width:720px}.section-heading h2{max-width:780px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:250px;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;box-shadow:0 4px 14px rgba(25,45,42,.03);transition:.2s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b8cbc0}.feature-card-dark{background:var(--green);color:#f7fbf7}.feature-number{font:700 12px "Space Grotesk",sans-serif;color:var(--orange);letter-spacing:.08em;margin-bottom:45px}.feature-card-dark .feature-number{color:var(--yellow)}.feature-card h3{margin-bottom:10px}.feature-card p{font-size:13px;color:var(--muted);margin:0}.feature-card-dark p{color:#d3e3db}.card-link,.text-link{margin-top:auto;padding-top:20px;font-size:12px;font-weight:700;color:var(--green)}.feature-card-dark .card-link{color:var(--yellow)}.section-band{background:#e8eee9;padding:88px 0}.content-columns{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.rich-copy article{border-top:1px solid #cbd8ce;padding:20px 0}.rich-copy article:first-child{padding-top:0;border-top:0}.rich-copy h3{font-size:19px}.rich-copy p{font-size:15px;line-height:1.8;color:#4d5d5b;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-grid a{padding:24px 18px 26px 0;border-right:1px solid var(--line);margin-right:18px;display:flex;flex-direction:column;gap:10px}.guide-grid a:last-child{border-right:0}.guide-grid span{color:var(--orange);font:700 12px "Space Grotesk",sans-serif}.guide-grid strong{font:18px "Space Grotesk",sans-serif}.guide-grid small{color:var(--muted);font-size:12px;line-height:1.55}.closing-note{border-top:1px solid var(--line);padding:24px 0 72px;display:flex;justify-content:space-between;align-items:center;gap:18px}.closing-note p{margin:0;color:var(--muted);font-size:13px}.closing-note a{color:var(--green);font-size:13px;font-weight:700}.page-intro{padding:72px 0 42px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:40px}.page-intro h1{font-size:clamp(40px,5.5vw,66px);max-width:800px}.page-intro .intro-lead{color:var(--muted);max-width:690px}.breadcrumbs{display:flex;gap:9px;align-items:center;white-space:nowrap;font-size:11px;color:var(--muted)}.breadcrumbs a:last-child{color:var(--green);font-weight:700}.article-layout,.checklist-layout{display:grid;grid-template-columns:minmax(0,770px) 280px;gap:76px;align-items:start;padding-top:52px;padding-bottom:92px}.article-body{min-width:0}.article-meta{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:22px;margin-bottom:32px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.article-meta span+span{border-left:1px solid var(--line);padding-left:10px}.article-section{margin-bottom:42px}.article-section h2{font-size:30px}.article-section p{font-size:16px;line-height:1.85;color:#4b5b59;margin:0}.inline-figure{margin:25px 0 0}.inline-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}.inline-figure.compact{max-width:640px}.article-aside{position:sticky;top:108px}.aside-box{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px}.aside-box strong{display:block;font:20px "Space Grotesk",sans-serif;margin-bottom:2px}.aside-box p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0 0 17px}.aside-box a{display:block;padding:10px 0;border-top:1px solid var(--line);font-size:13px;color:var(--green);font-weight:600}.aside-box a:first-of-type{border-top:0}.planner-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;padding-top:50px;padding-bottom:70px}.planner-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.planner-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.slot-label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;color:var(--muted)}select{width:100%;background:#fbfcfa;border:1px solid #cdd9d0;border-radius:4px;min-height:44px;padding:0 10px;color:var(--ink);font:12px "DM Sans",sans-serif}.planner-submit{margin-top:28px;width:100%}.planner-empty{font-size:13px;color:var(--muted);margin:16px 0 0}.planner-result{margin-top:28px;border-top:1px solid var(--line);padding-top:25px}.result-header{display:flex;justify-content:space-between;gap:15px}.result-header .eyebrow{margin-bottom:8px}.result-balance{font-size:11px;font-weight:700;color:var(--green);background:#e9f3eb;padding:5px 9px;border-radius:3px;height:max-content}.planner-result h2{font-size:26px}.planner-result p{font-size:14px;color:var(--muted)}.result-points{padding-left:18px;color:#4b5b59;font-size:13px}.planner-explainer h2{font-size:36px}.planner-explainer>p:not(.eyebrow){font-size:15px;color:#4d5d5b;line-height:1.8}.role-list{border-top:1px solid var(--line);margin-top:25px}.role-list>div{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:12px 0}.role-list strong{font-size:13px}.role-list small{font-size:11px;color:var(--muted)}.role-dot{width:10px;height:10px;border-radius:50%;display:block}.role-front{background:var(--orange)}.role-support{background:var(--blue)}.role-range{background:var(--yellow)}.tool-image{margin:28px 0 0}.tool-image img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}.class-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:85px}.class-mini-grid a{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);padding:9px;border-radius:var(--radius)}.class-mini-grid img{width:110px;height:80px;object-fit:cover;border-radius:3px}.class-mini-grid div{display:flex;flex-direction:column}.class-mini-grid strong{font:17px "Space Grotesk",sans-serif}.class-mini-grid span{font-size:11px;color:var(--muted);margin-top:4px}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:50px;padding-bottom:70px}.class-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.class-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.class-card-content{padding:22px}.class-card-content .eyebrow{margin-bottom:9px}.class-card-content h2{font-size:31px}.class-card-content>p:not(.eyebrow){font-size:14px;color:var(--muted);min-height:68px}.class-meta{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;gap:12px;font-size:11px}.class-meta span{color:var(--muted)}.class-meta strong{color:var(--green);text-align:right}.section-divider{border-top:1px solid var(--line);padding-top:65px;padding-bottom:90px}.class-hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center;padding-top:65px;padding-bottom:70px}.class-hero h1{font-size:clamp(52px,7vw,94px)}.class-hero .hero-lead{color:var(--muted);font-size:19px}.class-hero figure{margin:0}.class-hero figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}.hero-facts{display:flex;gap:20px;margin-top:35px}.hero-facts div{border-left:2px solid var(--orange);padding-left:12px;display:flex;flex-direction:column}.hero-facts span{font-size:11px;color:var(--muted)}.hero-facts strong{font-size:14px;margin-top:3px}.class-detail-layout{padding-top:0}.detail-list{padding-left:18px;color:#4b5b59;line-height:2}.checklist-layout{grid-template-columns:minmax(0,770px) 320px}.checklist-panel{position:sticky;top:106px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.checklist-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.checklist-head strong{font:17px "Space Grotesk",sans-serif}.checklist-head .icon-button{font-size:18px}.progress-track{height:6px;background:#e3ebe4;border-radius:8px;margin:20px 0 16px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:var(--orange);transition:width .2s}.checklist-items{display:flex;flex-direction:column}.check-item{display:flex;align-items:flex-start;gap:11px;border-top:1px solid var(--line);padding:14px 0;cursor:pointer}.check-item input{margin-top:4px;accent-color:var(--green);width:16px;height:16px}.check-item span{display:flex;flex-direction:column}.check-item strong{font-size:13px}.check-item small{font-size:11px;color:var(--muted);line-height:1.45;margin-top:3px}.check-item.is-done strong{text-decoration:line-through;color:#83908c}.saved-note{font-size:10px;color:var(--muted);margin:16px 0 0}.tool-badge{border-left:2px solid var(--orange);padding-left:13px;color:var(--muted);font-size:11px;line-height:1.7;max-width:180px}.tool-badge strong{color:var(--green);font-size:12px}.error-page{min-height:560px;padding-top:120px}.error-code{font:700 90px "Space Grotesk",sans-serif;color:var(--orange);margin:0}.error-page p:not(.error-code){color:var(--muted);max-width:480px;margin-bottom:26px}.site-footer{background:var(--green-dark);color:#e1ece5;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:70px;padding-bottom:45px}.footer-brand{color:#f4faf6}.site-footer p{font-size:13px;color:#b8cbc0;max-width:420px}.site-footer h2{font-size:15px;color:var(--yellow);margin:5px 0 15px}.site-footer a:not(.brand){display:block;font-size:12px;color:#c7d8cf;padding:4px 0}.site-footer a:not(.brand):hover{color:var(--yellow)}.footer-note{font-size:11px!important}.footer-bottom{padding-top:18px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#94ada0}
@media (max-width:980px){.main-nav{gap:12px}.nav-link{font-size:12px}.hero-grid{gap:35px}.article-layout,.checklist-layout{grid-template-columns:minmax(0,1fr) 250px;gap:35px}.planner-layout{gap:35px}.content-columns{gap:40px}.class-grid{gap:12px}}
@media (max-width:760px){.shell{width:min(100% - 32px,600px)}.header-inner{min-height:68px}.brand{min-width:0}.brand-copy strong{font-size:10px}.brand-copy small{font-size:8px}.main-nav{display:none}.mobile-nav-toggle{display:inline-flex}.mobile-nav{display:flex;flex-direction:column;gap:0;padding:8px 16px 16px;border-top:1px solid var(--line)}.mobile-nav .nav-link{padding:9px 0}.hero-section{padding:52px 0 48px}.hero-grid{grid-template-columns:1fr;gap:38px}h1{font-size:44px}.hero-lead,.intro-lead{font-size:16px}.visual-rail{grid-template-columns:1fr 1fr;gap:9px;padding:18px 0 56px}.rail-image:last-child{display:none}.feature-grid,.guide-grid,.class-grid,.class-mini-grid{grid-template-columns:1fr}.planner-intro,.guide-index{padding-bottom:60px}.section-band{padding:60px 0}.content-columns{grid-template-columns:1fr;gap:20px}.guide-grid a{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:18px 0}.guide-grid a:last-child{border-bottom:0}.closing-note{padding-bottom:54px;display:block}.closing-note a{display:inline-block;margin-top:13px}.page-intro{padding:48px 0 30px;display:block}.page-intro h1{font-size:43px}.breadcrumbs{margin-top:25px}.article-layout,.checklist-layout,.planner-layout{display:flex;flex-direction:column;padding-top:34px;padding-bottom:58px}.article-aside,.checklist-panel{position:static;width:100%}.article-section{margin-bottom:35px}.article-section h2{font-size:28px}.article-section p{font-size:15px}.planner-panel{padding:19px;width:100%}.planner-slots{grid-template-columns:1fr}.planner-explainer{width:100%}.planner-explainer h2{font-size:32px}.class-hero{grid-template-columns:1fr;gap:28px;padding-top:45px;padding-bottom:50px}.class-hero h1{font-size:65px}.class-hero .hero-lead{font-size:17px}.class-detail-layout{padding-top:0}.footer-grid{grid-template-columns:1fr;gap:25px;padding-bottom:28px}.footer-bottom{display:block;line-height:1.8}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:5px}.hero-actions{margin:25px 0 33px}.fact-strip{gap:16px}.fact-strip div{padding-left:9px}.tool-badge{margin-top:26px}.checklist-layout .article-body{order:2}.checklist-layout .checklist-panel{order:1}}