/* Static, keyboard-accessible roadmap. No diagram library or remote assets. */
.journey{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 0}
.journey li{position:relative;min-width:0}
.journey li:not(:last-child)::after{content:'→';position:absolute;right:-1.55rem;top:2rem;color:#b8e986;font-size:1.3rem}
.journey li:nth-child(3n):not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-1.7rem}
.journey a{display:block;height:100%;padding:1.25rem;border:1px solid #59616e;border-radius:12px;background:#181c24;color:#f3f4f6;text-decoration:none;font-weight:700}
.journey a:hover,.journey a:focus-visible{border-color:#b8e986;outline:2px solid #b8e986;outline-offset:3px}
.journey b{display:block;color:#b8e986;font-size:1.6rem;margin-bottom:.5rem}
.journey span{display:block;font-weight:400;font-size:.9rem;color:#c3cad5;margin-top:.5rem}
.guide-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.guide-columns>*{min-width:0}
.resource-section{scroll-margin-top:6rem}
.resource-section p,.resource-section li{line-height:1.75}
.resource-section ol:not(.journey)>li{margin-bottom:.9rem}
.resource-section pre{padding:1.25rem;border:1px solid #59616e;border-radius:10px;background:#141820;color:#f3f4f6;white-space:pre-wrap;overflow-wrap:anywhere}
.loop-banner,.example{padding:1.4rem;border-left:4px solid #b8e986;background:#181c24;color:#f3f4f6;border-radius:0 10px 10px 0;line-height:1.8}
.table-scroll{overflow-x:auto}
.table-scroll table{width:100%;border-collapse:collapse;text-align:left}
.table-scroll caption{text-align:left;font-weight:700;padding:1rem 0}
.table-scroll th,.table-scroll td{padding:1rem;border-bottom:1px solid #59616e;vertical-align:top}
.command-panel dl{padding:1rem}
.command-panel dt{font-weight:700;margin-top:1rem}
.command-panel dd{margin:.25rem 0 0;line-height:1.7}
.resource-section a{overflow-wrap:anywhere}
@media(max-width:760px){.journey,.guide-columns{grid-template-columns:1fr}.journey li:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-1.7rem}.resource-hero h1{font-size:clamp(2.3rem,9vw,4rem)}}
@media print{.topbar,.skip-link,.command-actions{display:none!important}.journey{grid-template-columns:repeat(3,minmax(0,1fr))}.journey a,.loop-banner,.example,.resource-section pre{background:white;color:black}.journey span,.journey b{color:black}.resource-section{break-inside:auto}.path-card{break-inside:avoid}}