.eco-hero,.subject-hero,.lesson-hero,.career-profile-hero{max-width:1240px;margin:auto;padding:5rem 2rem 4rem;display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center}.eco-hero h1,.subject-hero h1,.lesson-hero h1,.career-profile-hero h1{font-size:clamp(3rem,7vw,5.5rem);margin:.4rem 0 1rem}.eco-hero>div>p:last-child,.subject-hero>div>p:last-of-type,.lesson-hero>div>p:last-child,.career-profile-hero>div>p:last-of-type{max-width:760px;color:var(--muted);font-size:1.12rem}.eco-section{max-width:1240px;margin:auto;padding:4.5rem 2rem}.eco-heading{display:grid;grid-template-columns:1fr .7fr;gap:3rem;align-items:end;margin-bottom:2rem}.eco-heading h2{margin:.2rem 0}.eco-heading>p{color:var(--muted)}.hero-badge{display:grid;place-items:center;text-align:center;width:190px;height:190px;border-radius:50%;background:var(--navy);color:#fff;box-shadow:var(--shadow)}.hero-badge strong{font:700 4.5rem Georgia;line-height:1}.hero-badge span{max-width:120px;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.subject-card{position:relative;min-height:245px;padding:1.4rem;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}.subject-card:hover{transform:translateY(-4px);border-color:var(--mint);box-shadow:var(--shadow)}.subject-card .icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#e6f4f1;color:var(--navy);font-size:1.55rem}.subject-card h3{font-size:1.3rem;margin:1.6rem 0 .5rem}.subject-card p{color:var(--muted);font-size:.9rem}.subject-card b{position:absolute;right:1.3rem;bottom:1rem;color:var(--navy)}.connection-band,.foundation-band{max-width:1180px;margin:2rem auto 5rem;border-radius:20px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:3rem}.connection-band p,.foundation-band p{max-width:750px;opacity:.8}.subject-hero,.career-profile-hero{max-width:none;background:linear-gradient(135deg,var(--navy),#24558c);color:#fff;padding-left:max(2rem,calc((100vw - 1180px)/2));padding-right:max(2rem,calc((100vw - 1180px)/2))}.subject-hero>div>p:last-of-type,.career-profile-hero>div>p:last-of-type{color:rgba(255,255,255,.8)}.subject-hero-icon,.career-profile-hero>span{font-size:7rem;filter:drop-shadow(0 18px 20px rgba(0,0,0,.2))}.crumb{display:inline-block;margin-bottom:1.4rem;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.topic-card{display:flex;flex-direction:column;min-height:220px;padding:1.4rem;background:#fff;border-radius:15px;border:1px solid var(--line)}.topic-card span{color:var(--mint);font-weight:900}.topic-card h3{margin:1.2rem 0 .5rem}.topic-card p{color:var(--muted)}.topic-card b{margin-top:auto;color:var(--navy)}.career-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.career-mini{padding:1.2rem;border:1px solid var(--line);border-radius:13px;background:#fff}.career-mini span{font-size:2rem}.career-mini h3{margin:.8rem 0 .3rem}.lesson-hero{padding-bottom:2.5rem}.lesson-progress{padding:1.3rem;border-left:3px solid var(--gold);background:#fff;border-radius:0 12px 12px 0}.lesson-progress span{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase}.lesson-progress strong{color:var(--navy)}.lesson-layout{display:grid;grid-template-columns:1fr 330px;gap:2rem;align-items:start;padding-top:2rem}.lesson-content{background:#fff;border:1px solid var(--line);border-radius:17px;padding:2rem}.lesson-content h2{font-size:1.8rem;margin-top:2rem}.lesson-content .worked{padding:1rem;border-left:3px solid var(--mint);background:#edf8f5}.lesson-aside-card{padding:1.4rem;border-radius:14px;background:#fff;border:1px solid var(--line);margin-bottom:1rem}.lesson-aside-card ul{padding-left:1.2rem}.lesson-aside-card.activity{border-left:4px solid var(--coral)}.career-hero{grid-template-columns:1fr 340px}.week-card{padding:1.6rem;border-radius:17px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.week-card>span{color:var(--mint);font-size:.75rem;font-weight:900;text-transform:uppercase}.week-card b{display:block;font-size:4rem;margin:1rem 0}.week-card h2{font-size:1.8rem}.week-card a{color:var(--navy);font-weight:900}.career-game{display:grid;grid-template-columns:1fr 340px;gap:1rem}.interest-question{padding:1.2rem;margin-bottom:.8rem;border-radius:13px;background:#fff;border:1px solid var(--line)}.interest-question h3{margin-bottom:.8rem}.interest-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.interest-options button{padding:.7rem;border:1px solid var(--line);border-radius:8px;background:#f8faf9;text-align:left}.interest-options button.selected{background:#dff3ee;border-color:var(--mint)}.game-results{padding:1.5rem;border-radius:16px;background:var(--navy);color:#fff}.game-results a{display:block;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.2);font-weight:800}.guess-section{display:grid;grid-template-columns:1fr auto;gap:3rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guess-section>span{font-size:8rem}.guess-section ul{padding-left:1.2rem}.guess-section button:not(.text-button){margin:.3rem;padding:.6rem .9rem;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:800}.career-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.career-filters button{padding:.5rem .8rem;border:1px solid var(--line);border-radius:999px;background:#fff}.career-filters button.active{background:var(--navy);color:#fff}.career-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.career-card{position:relative;min-height:260px;padding:1.4rem;border:1px solid var(--line);border-radius:15px;background:#fff}.career-card>span{font-size:3rem}.career-card h3{margin:1rem 0 .5rem}.career-card p{color:var(--muted)}.career-card small{display:block;color:var(--mint);font-weight:900}.career-card b{position:absolute;right:1.2rem;bottom:1rem}.career-tags{display:flex;gap:.5rem;flex-wrap:wrap}.career-tags span{padding:.35rem .65rem;border-radius:999px;background:rgba(255,255,255,.14);font-size:.76rem}.profile-layout{display:grid;grid-template-columns:1fr 340px;gap:2rem;align-items:start}.profile-section{padding:1.6rem;margin-bottom:1rem;border-radius:15px;background:#fff;border:1px solid var(--line)}.profile-section h2{font-size:1.55rem}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pros-cons>div{padding:1rem;border-radius:10px;background:#f5f8f7}.subject-links a,.related-links a{display:block;padding:.7rem;border-bottom:1px solid var(--line);font-weight:800}.resource-center-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.resource-collection{min-height:250px;padding:1.5rem;border-radius:15px;background:#fff;border:1px solid var(--line)}.resource-collection>span{font-size:2.4rem}.resource-collection h2{font-size:1.45rem;margin:1rem 0 .5rem}.resource-collection p{color:var(--muted)}.resource-collection details{border-top:1px solid var(--line);padding-top:.8rem;margin-top:.8rem}.resource-collection summary{cursor:pointer;font-weight:900}.about-hero img{width:280px;max-width:32vw;border-radius:20px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.principle{padding:1rem 0;border-bottom:1px solid var(--line)}.principle b{color:var(--navy)}.difficulty-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.difficulty-button{padding:1rem;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left}.difficulty-button.active{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy)}.practice-builder{max-width:1100px;margin:-2rem auto 2rem;padding:1.5rem;position:relative;background:#fff;border-radius:16px;box-shadow:var(--shadow)}.practice-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.practice-steps label{display:block;font-weight:900;font-size:.78rem;margin-bottom:.4rem}.practice-steps select{width:100%;min-height:50px;border:1px solid var(--line);border-radius:9px;padding:.6rem}.question-meta{display:flex;gap:.5rem;flex-wrap:wrap}.question-meta span{padding:.25rem .55rem;border-radius:999px;background:#edf3f4;font-size:.72rem;font-weight:800}.badge-row{display:flex;gap:.6rem;flex-wrap:wrap}.badge{padding:.4rem .7rem;border-radius:999px;background:#e8f5f2;color:#176d5d;font-size:.75rem;font-weight:900}@media(max-width:980px){.subject-grid{grid-template-columns:repeat(3,1fr)}.topic-grid,.career-grid,.resource-center-grid{grid-template-columns:1fr 1fr}.lesson-layout,.profile-layout,.career-game{grid-template-columns:1fr}.career-mini-grid{grid-template-columns:1fr 1fr}.desktop-nav{gap:.8rem}.desktop-nav a{font-size:.78rem}}@media(max-width:720px){.eco-hero,.subject-hero,.lesson-hero,.career-profile-hero,.eco-heading,.career-hero,.about-grid{grid-template-columns:1fr}.eco-hero,.subject-hero,.lesson-hero,.career-profile-hero,.eco-section{padding-left:1rem;padding-right:1rem}.hero-badge{width:130px;height:130px}.subject-grid,.topic-grid,.career-grid,.resource-center-grid,.career-mini-grid{grid-template-columns:1fr}.connection-band,.foundation-band{margin-left:1rem;margin-right:1rem;flex-direction:column;align-items:flex-start}.subject-hero-icon,.career-profile-hero>span,.guess-section>span{font-size:5rem}.interest-options,.difficulty-row,.practice-steps,.pros-cons{grid-template-columns:1fr}.guess-section{grid-template-columns:1fr}.about-hero img{max-width:220px}}