/* Homepage-only refinements. The roadmap and account styles keep their own scope. */
body.home-page:not(.roadmap-page) [hidden]{display:none!important}
.ambient-wrap{position:absolute;inset:0 0 auto;height:1100px;overflow:hidden;pointer-events:none;z-index:-1}.ambient-wrap .ambient{z-index:auto}
body.home-page:not(.roadmap-page) .header-main{height:78px;gap:20px}
body.home-page:not(.roadmap-page) .brand-copy{display:flex;flex-direction:column;gap:2px}
body.home-page:not(.roadmap-page) .header-slogan{display:block;width:auto;min-height:0;padding:0;text-align:start;white-space:normal;font-size:10px;line-height:1.6;letter-spacing:0;font-weight:600;color:#91adab;text-shadow:none}
body.home-page:not(.roadmap-page) .header-cta{display:none}
body.home-page:not(.roadmap-page) .hero{padding:44px 28px 36px;min-height:0;gap:36px;grid-template-columns:1.12fr .88fr;overflow:hidden}
body.home-page:not(.roadmap-page) .hero h1{font-size:clamp(36px,4.5vw,60px);line-height:1.35;letter-spacing:-1.8px;margin:14px 0}
body.home-page:not(.roadmap-page) .hero-lede{max-width:520px;font-size:15px;line-height:1.95;margin:0 0 22px}
body.home-page:not(.roadmap-page) .hero-copy{padding:0}
body.home-page:not(.roadmap-page) .hero-art{min-height:300px;transform:scale(.86)}
.hero-highlights{display:flex;gap:8px 18px;flex-wrap:wrap;font-size:11px;color:#abc1c2;margin-top:22px}.hero-highlights span::before{content:'✓';color:var(--green);margin-inline-end:6px}
body.home-page:not(.roadmap-page) .stats-row{margin-top:0;max-width:1144px;padding:17px 22px;min-height:0}
body.home-page:not(.roadmap-page) .stat strong{font-size:12px}body.home-page:not(.roadmap-page) .stat small{font-size:11px}
body.home-page:not(.roadmap-page) .section-wrap{padding-top:44px;padding-bottom:44px}
body.home-page:not(.roadmap-page) .section-heading{margin-bottom:22px;gap:20px}
body.home-page:not(.roadmap-page) .section-heading h2{font-size:30px;margin:5px 0 8px}
body.home-page:not(.roadmap-page) .section-heading p{font-size:13px;line-height:1.9}
body.home-page:not(.roadmap-page) .toolbar{margin-bottom:20px;gap:14px;flex-wrap:wrap}
body.home-page:not(.roadmap-page) .filters{flex-wrap:wrap;gap:7px}
body.home-page:not(.roadmap-page) .filter{font-size:12px;padding:8px 13px}
body.home-page:not(.roadmap-page) .filter:focus-visible,body.home-page:not(.roadmap-page) .path-card:focus-visible,.home-secondary:focus-visible,.continue-card:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.catalog-search{display:grid;grid-template-columns:1fr 1.6fr;column-gap:30px;row-gap:10px;align-items:center}
.catalog-search-copy h2{font-size:22px;margin:0 0 5px}.catalog-search-copy p{font-size:12px;color:#9aaebe;margin:0}
.home-search-shell{display:flex;gap:12px;align-items:center;min-width:0}.home-search-shell .search-box{width:100%;max-width:none;min-width:0;flex:1;border-color:#35504e;padding:14px 15px;gap:10px}.home-search-shell .search-box svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:#6bdcb4;stroke-width:1.7}.home-search-shell .search-box input{font-size:13px;width:100%;min-width:0}.home-search-shell .search-box:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #39e6a313}
.search-clear{border:0;background:none;color:#acebd3;font:inherit;font-size:12px;white-space:nowrap;text-decoration:underline;padding:8px;cursor:pointer}
.search-summary{grid-column:2;margin:0;font-size:12px;color:#8fb2aa;min-height:23px;overflow-wrap:anywhere}
.catalog-availability{color:#7fcaae!important;font-size:11px!important;margin-top:5px!important}
body.home-page:not(.roadmap-page) .path-card{padding:21px;min-height:216px}
body.home-page:not(.roadmap-page) .path-card h3{font-size:17px;line-height:1.6;margin:12px 0 7px}
body.home-page:not(.roadmap-page) .path-card>p{font-size:12px;line-height:1.9;min-height:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#acbbcb;margin-bottom:17px}
body.home-page:not(.roadmap-page) .path-icon svg{width:25px;height:25px}
.tech-monogram{font-size:13px;font-weight:700;font-family:Arial,sans-serif;letter-spacing:-.4px}
body.home-page:not(.roadmap-page) .card-bottom{gap:10px;flex-wrap:wrap;padding-top:13px}
body.home-page:not(.roadmap-page) .topic-count{font-size:11px;line-height:1.6;color:#a6b7c8}
body.home-page:not(.roadmap-page) .card-progress small{font-size:11px;color:#b8c8d4}
body.home-page:not(.roadmap-page) .tiny-progress{width:45px}
.home-content-status{border:1px solid #695d3d;border-radius:6px;background:#30291a;color:#e1c988;font-size:10px;padding:4px 8px}
body.home-page:not(.roadmap-page) .home-card-pending{min-height:175px;background:#101a27;border-style:dashed}
body.home-page:not(.roadmap-page) .home-card-pending>p{color:#91a3b7}
body.home-page:not(.roadmap-page) #skillsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
body.home-page:not(.roadmap-page) #skillsGrid .path-card{min-height:210px;padding:17px}
body.home-page:not(.roadmap-page) #skillsGrid .card-bottom{row-gap:7px}
body.home-page:not(.roadmap-page) #skillsGrid .topic-count{width:100%}
body.home-page:not(.roadmap-page) #skillsGrid .card-progress{margin-inline-end:auto}
.skills-more{text-align:center;margin-top:25px}.skills-more p{font-size:12px;color:#94a9ba;line-height:1.9}
.home-secondary{border:1px solid #345a50;border-radius:10px;background:#142c25;color:#b3f0d6;padding:11px 18px;font:inherit;font-size:12px;cursor:pointer}
.continue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.continue-card{display:block;border:1px solid #2e5047;border-radius:14px;padding:20px;background:linear-gradient(130deg,#142b28,#101d2c);transition:border-color .2s}.continue-card:hover{border-color:var(--green)}
.continue-card-top,.continue-card-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center}.continue-card-top strong{font-size:17px;color:#71e5b7}.continue-kind{font-size:11px;color:#9abbb4}.continue-card h3{font-size:16px;line-height:1.7;margin:10px 0 16px}.continue-meter{height:4px;background:#263d43;border-radius:6px;display:block;overflow:hidden}.continue-meter>span{height:100%;display:block;background:var(--green);border-radius:inherit}.continue-card-bottom{margin-top:14px;flex-wrap:wrap}.continue-card-bottom small{font-size:11px;color:#9bb3b7}.continue-card-bottom>span{font-size:12px;color:#b9f6de;font-weight:700}
body.home-page:not(.roadmap-page) .journey-section{min-height:0;padding-top:48px;padding-bottom:48px;gap:50px}
body.home-page:not(.roadmap-page) .journey-copy h2{font-size:31px;line-height:1.5}
body.home-page:not(.roadmap-page) .journey-copy p{font-size:13px;line-height:2}
body.home-page:not(.roadmap-page) .journey-step{padding:16px}
.policy-page{max-width:820px;padding:30px 22px 70px;margin:auto}.policy-page .policy-back{color:#80e2b8;font-size:13px}.policy-page h1{font-size:30px;line-height:1.5;margin-top:35px}.policy-page h2{font-size:19px;color:#99e7c5;margin-top:30px}.policy-page p,.policy-page li{font-size:14px;line-height:2.1;color:#c1cddb}.policy-page a{text-decoration:underline;overflow-wrap:anywhere}.policy-page .policy-date{font-size:12px;color:#8b9eae}
@media(max-width:1080px){body.home-page:not(.roadmap-page) #skillsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-search{grid-template-columns:1fr 1.4fr}.home-search-shell kbd{display:none}.continue-grid{gap:12px}.continue-card{padding:16px}}
@media(max-width:760px){body.home-page:not(.roadmap-page) .header-main{height:72px;padding:0 20px;gap:12px}body.home-page:not(.roadmap-page) .brand{gap:8px}body.home-page:not(.roadmap-page) .brand-name{font-size:22px}body.home-page:not(.roadmap-page) .brand-mark{width:34px;height:34px;border-radius:10px}body.home-page:not(.roadmap-page) .hero{padding:30px 22px 25px;grid-template-columns:1fr;gap:0}body.home-page:not(.roadmap-page) .hero h1{font-size:36px;line-height:1.35;letter-spacing:-1px;margin:13px 0}body.home-page:not(.roadmap-page) .hero-lede{font-size:13px;line-height:2;max-width:440px;margin-bottom:18px}body.home-page:not(.roadmap-page) .hero-art{display:none}body.home-page:not(.roadmap-page) .hero-actions{gap:9px;flex-wrap:wrap}body.home-page:not(.roadmap-page) .hero-actions .btn{font-size:12px;padding:11px 13px;gap:9px}.hero-highlights{margin-top:17px;font-size:10px;gap:8px 13px}body.home-page:not(.roadmap-page) .stats-row{margin:0 20px;padding:14px;gap:15px;display:grid;grid-template-columns:1fr 1fr}body.home-page:not(.roadmap-page) .stat{border:0!important;padding:0;gap:9px}body.home-page:not(.roadmap-page) .stat-icon{width:31px;height:31px;font-size:16px}body.home-page:not(.roadmap-page) .stat strong{font-size:10px}body.home-page:not(.roadmap-page) .stat small{font-size:9px;line-height:1.8}body.home-page:not(.roadmap-page) .section-wrap{padding:30px 20px}body.home-page:not(.roadmap-page) .section-heading h2{font-size:25px}body.home-page:not(.roadmap-page) .section-heading{align-items:flex-start;margin-bottom:19px}body.home-page:not(.roadmap-page) .path-count strong{font-size:24px}body.home-page:not(.roadmap-page) .path-count span{font-size:9px}.catalog-search{grid-template-columns:1fr;gap:16px}.catalog-search-copy h2{font-size:21px}.search-summary{grid-column:1;font-size:11px}.home-search-shell{gap:4px;flex-wrap:wrap}.home-search-shell .search-box{padding:13px 12px}.home-search-shell .search-box input{font-size:12px}.search-clear{font-size:11px;padding:3px 7px}body.home-page:not(.roadmap-page) .filter{font-size:10px;padding:8px 10px}body.home-page:not(.roadmap-page) .path-card{min-height:195px;padding:19px}body.home-page:not(.roadmap-page) .home-card-pending{min-height:165px}body.home-page:not(.roadmap-page) .path-card h3{font-size:16px}body.home-page:not(.roadmap-page) .path-card>p{font-size:12px}body.home-page:not(.roadmap-page) #skillsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}body.home-page:not(.roadmap-page) #skillsGrid .path-card{min-height:210px;padding:13px}body.home-page:not(.roadmap-page) #skillsGrid .path-icon{width:32px;height:32px;border-radius:9px}body.home-page:not(.roadmap-page) #skillsGrid .path-icon svg{width:20px;height:20px}body.home-page:not(.roadmap-page) #skillsGrid .card-top{gap:6px}body.home-page:not(.roadmap-page) #skillsGrid .difficulty{font-size:9px;padding:2px 5px}body.home-page:not(.roadmap-page) #skillsGrid h3{font-size:14px;overflow-wrap:anywhere}body.home-page:not(.roadmap-page) #skillsGrid .topic-count{font-size:10px}.continue-grid{grid-template-columns:1fr}.continue-card{padding:18px}.continue-section .section-heading{flex-wrap:wrap}.continue-section .text-link{font-size:12px}body.home-page:not(.roadmap-page) .journey-copy h2{font-size:26px}body.home-page:not(.roadmap-page) .journey-section{gap:25px}.policy-page h1{font-size:26px}}

/* The hero already carries these highlights on small screens. */
@media(max-width:760px){body.home-page:not(.roadmap-page) .stats-row{display:none}body.home-page:not(.roadmap-page) #skillsGrid .topic-count{font-size:11px}}
body.home-page:not(.roadmap-page) .feedback-launch{display:none}

@media(max-width:760px){body.home-page:not(.roadmap-page) .filter{min-height:40px}body.home-page:not(.roadmap-page) .account-trigger{min-height:40px}}

body.roadmap-page .ambient-wrap{display:none}
