.route-main{padding-top:65px;padding-bottom:80px}.route-intro{margin-bottom:48px;max-width:970px}.route-intro h1{font-size:clamp(45px,5.4vw,74px);margin-bottom:25px}.route-intro-copy{color:var(--muted);font-size:15px;max-width:650px;line-height:1.9}.route-section{margin:45px 0 65px}.route-section-heading{margin-bottom:30px}.route-section-heading h2{font-size:clamp(28px,3.5vw,44px)}.route-section-heading .eyebrow{margin-bottom:15px}.route-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.route-cards-two{grid-template-columns:repeat(2,minmax(0,1fr))}.route-cards article{border-top:1px solid var(--line);padding-top:20px}.route-cards h3{margin-bottom:18px}.route-cards p,.route-note p,.architecture-pipeline p{color:var(--muted);font-size:12px;line-height:1.95}.route-number{font-size:10px;color:var(--green);display:block;margin-bottom:15px;letter-spacing:.06em}.route-note{padding:30px;background:var(--panel);border:1px solid var(--line)}.route-note h3{margin-bottom:16px}.route-note p{max-width:930px}.route-note .inline-link{margin-top:5px;margin-right:28px;font-size:12px}.route-links{display:flex;flex-direction:column;gap:10px}.route-links a{font-size:12px;color:var(--green)}.route-links a:hover{text-decoration:underline}.route-footer-links{flex-wrap:wrap;justify-content:flex-end}.learning-path{list-style:none;padding:0;margin:0}.learning-path li{display:grid;grid-template-columns:75px minmax(0,1fr);gap:10px;padding:32px 0;border-top:1px solid var(--line)}.learning-path .route-number{padding-top:6px}.learning-path h2{font-size:25px;letter-spacing:-.04em;margin-bottom:14px}.learning-path p{font-size:13px;color:var(--muted);line-height:1.9;max-width:850px}.learning-path .route-links{flex-direction:row;gap:16px 25px;flex-wrap:wrap}.architecture-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;border:1px solid var(--line);background:var(--panel)}.architecture-pipeline li{padding:26px;min-width:0;position:relative}.architecture-pipeline li+li{border-left:1px solid var(--line)}.architecture-pipeline li+li::before{content:'→';position:absolute;left:-8px;top:76px;background:var(--panel);color:var(--green)}.architecture-pipeline strong{font-size:20px;font-weight:400;display:block;margin-bottom:18px}.architecture-pipeline code{display:block;font-size:10px;margin-bottom:18px;overflow-wrap:anywhere}.architecture-pipeline p{margin-bottom:0}.route-table-scroll{overflow-x:auto;scrollbar-color:var(--line) var(--bg)}.execution-table{margin:0;min-width:680px}.execution-table td{font-size:11px;line-height:1.9;vertical-align:top}.execution-table td:first-child{min-width:145px;color:var(--green)}.example-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.example-entry{background:var(--panel);padding:26px;display:flex;flex-direction:column;min-width:0}.example-meta{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:var(--muted);margin-bottom:15px}.example-meta span:first-child{color:var(--green)}.example-entry h3{font-size:22px;margin-bottom:14px}.example-entry p{font-size:12px;line-height:1.9;color:var(--muted);flex:1}.example-actions{display:flex;gap:10px 20px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line);font-size:11px}.example-actions a{color:var(--green)}.example-actions a:hover{text-decoration:underline}.examples-intro-note{font-size:12px;color:var(--muted);border-left:2px solid var(--green);padding-left:18px;margin:20px 0 35px;max-width:850px}.roadmap-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:25px}.roadmap-heading h2{font-size:32px}.roadmap-heading .eyebrow{margin-bottom:0;letter-spacing:.04em}.milestone-list{list-style:none;padding:0;margin:18px 0}.milestone-row{display:grid;grid-template-columns:45px minmax(0,1.1fr) minmax(0,1fr);gap:20px;padding:22px 0;border-top:1px solid var(--line);align-items:start}.milestone-row .route-number{margin:2px 0 0}.milestone-row h3{font-size:15px;line-height:1.7;letter-spacing:-.015em}.milestone-progress{color:var(--muted);font-size:11px;line-height:1.9;margin:0}.milestone-progress.complete{color:var(--green)}.roadmap-section>.status-message{font-size:11px}.route-main .playground{margin-bottom:20px}.route-main .playground #reset-state{margin-top:0}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.route-main code{overflow-wrap:anywhere}
@media(max-width:900px){.route-cards{grid-template-columns:1fr}.route-cards-two{grid-template-columns:1fr 1fr}.route-cards article{padding-top:18px}.architecture-pipeline{grid-template-columns:1fr}.architecture-pipeline li+li{border-left:0;border-top:1px solid var(--line)}.architecture-pipeline li+li::before{content:'↓';left:26px;top:-13px;padding:0 5px}.architecture-pipeline code{font-size:12px}.route-footer-links{justify-content:flex-start}.roadmap-heading{flex-direction:column;gap:14px}.milestone-row{grid-template-columns:30px minmax(0,1fr);gap:10px 18px}.milestone-progress{grid-column:2}.example-entry{padding:22px}.example-entry h3{font-size:19px}}
@media(max-width:640px){.route-main{padding-top:36px;padding-bottom:55px}.route-intro{margin-bottom:32px}.route-intro h1{font-size:clamp(40px,10vw,58px);margin-bottom:20px}.route-intro-copy{font-size:12px}.route-intro .eyebrow{font-size:9px;margin-bottom:19px}.route-section{margin:32px 0 45px}.route-cards-two,.example-collection{grid-template-columns:1fr}.route-note{padding:22px}.route-note p,.route-cards p,.architecture-pipeline p{font-size:11px}.route-note .inline-link{margin-bottom:10px}.route-links a{font-size:11px}.learning-path li{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:26px 0}.learning-path h2{font-size:21px}.learning-path p{font-size:11px}.learning-path .route-links{flex-direction:column;gap:10px}.architecture-pipeline li{padding:22px}.architecture-pipeline strong{font-size:20px}.architecture-pipeline code{font-size:10px}.example-entry{padding:20px}.example-meta{font-size:8px}.example-entry p{font-size:11px}.examples-intro-note{font-size:11px}.milestone-row h3{font-size:12px}.milestone-progress{font-size:10px}.milestone-row{padding:18px 0}.roadmap-heading h2{font-size:28px}.header .version{display:none}.route-footer-links{gap:10px 20px}.route-footer-links a{font-size:10px}.execution-table{min-width:570px}.execution-table td{font-size:10px}}
.milestone-row h3,.milestone-progress{overflow-wrap:anywhere;min-width:0}
.example-entry:last-child:nth-child(odd){grid-column:1/-1}.header nav a:first-child{display:block}.header nav{flex-wrap:wrap;justify-content:flex-end}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}