.home-page .learning-journey-section{position:relative;overflow:hidden;padding:clamp(3.5rem,7vw,5.5rem) 0;background:#fbf7ed;color:#102b43}
.home-page .learning-journey-wrap{max-width:var(--measure)}
.home-page .learning-journey-heading{max-width:720px;margin:0 auto 2.5rem;text-align:center}
.home-page .learning-journey-heading .eyebrow{display:flex;justify-content:center;align-items:center;gap:.65rem;color:#9a762e;font:600 .63rem var(--mono);letter-spacing:.12em;text-transform:uppercase}
.home-page .learning-journey-heading h2{margin:.75rem 0 .55rem;color:#102b43;font:650 clamp(2.4rem,5vw,4rem)/1.02 var(--sans);letter-spacing:-.045em}
.home-page .learning-journey-heading>p:last-child{margin:0;color:#087f79;font:400 clamp(1.15rem,2vw,1.45rem)/1.5 var(--serif)}
.home-page .learning-journey-graph{position:relative;min-height:360px}
.home-page .learning-journey-line{position:absolute;inset:0 0 auto;width:100%;height:220px;overflow:visible}
.home-page .learning-journey-line path{fill:none;stroke:#16a6a0;stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.home-page .learning-milestones{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:start}
.home-page .learning-milestone{min-width:0}
.home-page .milestone-agent{padding-top:174px}
.home-page .milestone-mini{padding-top:124px}
.home-page .milestone-charli{padding-top:74px}
.home-page .milestone-brain{padding-top:24px}
.home-page .learning-milestone summary{min-height:145px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;list-style:none;padding:0 .5rem .75rem}
.home-page .learning-milestone summary::-webkit-details-marker{display:none}
.home-page .milestone-dot{width:27px;height:27px;flex:0 0 27px;margin-bottom:.85rem;border:5px solid #fbf7ed;border-radius:50%;background:#0b2035;box-shadow:0 0 0 3px #d2ad57,0 0 0 6px #fbf7ed}
.home-page .milestone-kicker{color:#087f79;font:600 .58rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.home-page .milestone-title{margin:.35rem 0 .55rem;color:#102b43;font:650 clamp(1.15rem,2vw,1.45rem)/1.15 var(--sans);letter-spacing:-.025em}
.home-page .milestone-prompt{color:#53636a;font-size:.74rem;line-height:1.4}
.home-page .milestone-prompt span{display:inline-block;margin-left:.15rem;color:#087f79;font-size:1rem;vertical-align:-1px}
.home-page .learning-milestone summary:hover .milestone-title{color:#087f79}
.home-page .learning-milestone summary:focus-visible{outline:3px solid #087f79;outline-offset:5px;border-radius:.35rem}
.home-page .learning-milestone[open] .milestone-prompt span{transform:rotate(45deg)}
.home-page .milestone-detail{min-height:170px;margin:0 .15rem;padding:1rem;border:1px solid #d8d0c1;border-top:3px solid #14a39b;border-radius:.75rem;background:#fffdf8;box-shadow:0 12px 26px rgba(16,43,67,.08);color:#4c5d63;font-size:.83rem;line-height:1.7}
.home-page .milestone-detail p{margin:0 0 .65rem}
.home-page .milestone-detail p:last-child{margin-bottom:0}
.home-page .milestone-detail .milestone-private-note{color:#6a6b64;font-size:.75rem;font-style:italic}
.home-page .milestone-detail a{display:inline-block;margin-top:.35rem;color:#087f79;font-weight:650;text-decoration-thickness:1px;text-underline-offset:3px}
.home-page .milestone-links{display:grid;gap:.15rem}
@media(max-width:900px){.home-page .learning-journey-graph{min-height:390px}.home-page .learning-milestones{gap:.45rem}.home-page .milestone-detail{padding:.8rem;font-size:.78rem}.home-page .milestone-kicker{font-size:.53rem}.home-page .milestone-prompt{font-size:.68rem}}
@media(max-width:700px){.home-page .learning-journey-section{padding:3.2rem 0 3.5rem}.home-page .learning-journey-heading{text-align:left;margin-bottom:1.7rem}.home-page .learning-journey-heading .eyebrow{justify-content:flex-start}.home-page .learning-journey-heading h2{font-size:clamp(2.2rem,10vw,3rem)}.home-page .learning-journey-heading>p:last-child{font-size:1.15rem}.home-page .learning-journey-graph{min-height:0}.home-page .learning-journey-line{display:none}.home-page .learning-milestones{grid-template-columns:1fr;gap:.7rem;padding-left:.15rem}.home-page .learning-milestones::before{content:'';position:absolute;left:13px;top:1.35rem;bottom:1.4rem;width:3px;border-radius:3px;background:linear-gradient(#16a6a0,#d2ad57)}
.home-page .learning-milestone{padding:0;position:relative}
.home-page .learning-milestone summary{display:grid;grid-template-columns:2.1rem minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:.75rem;align-items:center;justify-items:start;min-height:0;padding:.7rem .65rem .7rem 0;text-align:left}
.home-page .milestone-dot{grid-column:1;grid-row:1/4;margin:0;width:25px;height:25px;flex-basis:25px;z-index:1}
.home-page .milestone-kicker{grid-column:2;grid-row:1}
.home-page .milestone-title{grid-column:2;grid-row:2;margin:.12rem 0 .2rem;font-size:1.3rem}
.home-page .milestone-prompt{grid-column:2;grid-row:3}
.home-page .milestone-detail{height:auto;min-height:0;margin:.1rem 0 .55rem 2.85rem;padding:.9rem 1rem;font-size:.84rem}
}
@media(prefers-reduced-motion:no-preference){.home-page .learning-milestone summary{transition:color .15s ease}.home-page .milestone-prompt span{transition:transform .15s ease}}