.route-hero,.lesson-hero{position:relative;overflow:hidden;min-height:530px;padding:calc(var(--header-h) + 5rem) max(2rem,calc((100vw - var(--max))/2)) 5rem;background:radial-gradient(circle at 80% 20%,#34462c,transparent 43%),#142017;border-bottom:1px solid var(--stroke)}
.route-hero{display:flex;align-items:center}.route-hero-content{position:relative;z-index:2;max-width:780px}.route-hero-image{position:absolute;right:0;top:0;width:48%;height:100%;object-fit:cover;opacity:.42;mask-image:linear-gradient(to right,transparent,black 30%)}.route-hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#142017 13%,transparent 75%)}.route-hero-content{z-index:3}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-bottom:3.6rem;color:#8fa390;font-size:.75rem;font-weight:700}.breadcrumbs a{color:#c5d4c3}.breadcrumbs a:hover{color:var(--lime)}.breadcrumbs span:last-child{color:#e7f3dc}.route-kicker{display:block;margin-bottom:1.2rem;color:var(--lime);font-size:.67rem;font-weight:850;letter-spacing:.18em}.route-hero h1,.lesson-hero h1{max-width:900px;margin:0 0 1.5rem;font-size:clamp(3.8rem,7vw,7.7rem);line-height:.98;letter-spacing:-.075em}.route-hero p,.lesson-hero p{max-width:650px;margin:0;color:#c1d1c0;font-size:clamp(1.05rem,1.45vw,1.27rem);line-height:1.65}.route-start{display:inline-flex;align-items:center;gap:2rem;margin-top:2.5rem;padding:1rem 1.5rem;border-radius:100px;background:var(--lime);color:#132017;font-size:.82rem;font-weight:850}.route-start:hover{background:#edffab;color:#132017}
.route-list{width:min(calc(100% - 4rem),var(--max));margin:auto;padding:6rem 0 8rem}.route-heading{display:grid;grid-template-columns:1fr .5fr;align-items:end;gap:4rem;margin-bottom:3rem}.route-heading h2{margin:.5rem 0 0;font-size:clamp(2.8rem,4.8vw,5.5rem);line-height:1;letter-spacing:-.065em}.route-heading p{max-width:430px;margin:0;color:#aebdaf;font-size:.96rem;line-height:1.7}.route-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--stroke);font-size:.8rem;font-weight:800}.route-bottom a:hover{color:var(--lime)}
.lesson-hero{min-height:490px;padding-bottom:5rem}.lesson-hero .breadcrumbs{margin-bottom:3rem}.lesson-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:5rem;align-items:start;width:min(calc(100% - 4rem),var(--max));margin:auto;padding:5rem 0 9rem}.lesson-sidebar{position:sticky;top:calc(var(--header-h) + 2rem);display:flex;flex-direction:column;padding:1.2rem;border:1px solid var(--stroke);border-radius:12px;background:#1a251d}.lesson-sidebar>span{margin:.2rem .7rem 1rem;color:var(--lime);font-size:.65rem;font-weight:850;letter-spacing:.15em}.lesson-sidebar>a{display:flex;align-items:baseline;gap:.7rem;padding:.75rem .7rem;border-radius:7px;color:#aebdaf;font-size:.77rem;font-weight:700;line-height:1.3}.lesson-sidebar>a:hover,.lesson-sidebar>a.current{background:#304330;color:#eef6e8}.lesson-sidebar>a.current{box-shadow:inset 3px 0 0 var(--lime)}.lesson-sidebar small{color:var(--lime);font-size:.6rem}.lesson-sidebar .sidebar-back{margin-top:1rem;border-top:1px solid var(--stroke);border-radius:0;color:#c7d4c4}.lesson-content{min-width:0}.lesson-content .guide-chapter{display:block;width:100%;padding:0;border:0;scroll-margin-top:0}.lesson-content .guide-chapter .chapter-label{display:none}.lesson-content .guide-chapter h2{display:none}.lesson-content .guide-chapter>div>p:first-of-type{margin-top:0;color:#dae6d6;font-size:1.18rem;line-height:1.75}.lesson-content .guide-chapter>div>p{max-width:900px}.lesson-content .guide-chapter ol,.lesson-content .guide-chapter .chapter-grid,.lesson-content .guide-chapter table,.lesson-content .guide-chapter figure,.lesson-content .role-reference{max-width:100%}.lesson-content .guide-chapter figure img{max-height:650px}.next-lesson{position:relative;display:flex;flex-direction:column;gap:.5rem;margin-top:6rem;padding:2rem 4rem 2rem 2rem;border:1px solid #657a4e;border-radius:12px;background:linear-gradient(110deg,#283c27,#1b291e);transition:transform .2s,border-color .2s}.next-lesson:hover{transform:translateY(-4px);border-color:var(--lime)}.next-lesson span{color:var(--lime);font-size:.65rem;font-weight:850;letter-spacing:.15em}.next-lesson strong{font-size:clamp(1.3rem,2.4vw,2.1rem)}.next-lesson b{position:absolute;right:2rem;top:50%;font-size:1.5rem;color:var(--lime);transform:translateY(-50%)}
.hub-cta{display:flex;align-items:center;justify-content:space-between;gap:3rem;width:min(calc(100% - 4rem),var(--max));margin:0 auto 8rem;padding:3rem;border:1px solid #60764a;border-radius:14px;background:radial-gradient(circle at 90% 20%,#405735,transparent 50%),#263828}.hub-cta h2{margin:.5rem 0;font-size:clamp(2rem,3.2vw,3.5rem);letter-spacing:-.06em}.hub-cta p{margin:0;color:#b9cbb7}.hub-cta .button{flex-shrink:0;padding:1rem 1.5rem;border-radius:100px;background:var(--lime);color:#132017;font-weight:800}.hub-cta .button:hover{background:#edffab;color:#132017}
@media(max-width:860px){.route-hero,.lesson-hero{padding-left:2rem;padding-right:2rem}.route-hero-image{width:75%;opacity:.25}.route-heading{grid-template-columns:1fr;gap:1rem}.lesson-layout{grid-template-columns:1fr;gap:2rem}.lesson-sidebar{position:static;display:flex;flex-flow:row wrap;gap:.2rem}.lesson-sidebar>span{width:100%}.lesson-sidebar>a{width:auto}.lesson-sidebar .sidebar-back{width:100%}.hub-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.route-hero,.lesson-hero{min-height:0;padding:calc(var(--header-h) + 3rem) 1rem 4rem}.route-hero h1,.lesson-hero h1{font-size:clamp(3.2rem,12vw,5rem)}.breadcrumbs{margin-bottom:2.5rem}.route-list,.lesson-layout,.hub-cta{width:calc(100% - 2rem)}.route-list{padding:4rem 0 5rem}.lesson-layout{padding:3rem 0 5rem}.lesson-sidebar{display:none}.hub-cta{margin-bottom:5rem;padding:2rem}.route-bottom{flex-direction:column}.lesson-content .guide-chapter>div>p:first-of-type{font-size:1rem}}