.route-sheet,.wayfinder-demo{--way-ink:var(--brand-ink,#203d32);--way-accent:var(--brand-accent,#1e5b49);--way-paper:#f2f4ec;--way-field:#e5ebde;--way-rule:#a6b59e}.wayfinder-demo{background:var(--way-paper);color:var(--way-ink);color-scheme:light;font-family:DM Sans,Arial,sans-serif;--accent:var(--way-accent);--muted:#4f6255}.wayfinder-demo>main{padding-bottom:35px}.wayfinder-demo h1,.wayfinder-demo h2{font-family:Overpass,Arial,sans-serif;font-weight:700}.wayfinder-demo h3{font-family:DM Sans,Arial,sans-serif}.route-title :is(h1,h3){font-family:Overpass,Arial,sans-serif;font-weight:700}.wayfinder-header{min-height:85px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--way-ink)}.wayfinder-header>.wayfinder-wordmark{font-size:26px}.wayfinder-wordmark{font:700 22px/1.2 Overpass,Arial,sans-serif;display:flex;align-items:center;gap:9px;letter-spacing:-.7px}.wayfinder-wordmark>span{font:8px/1.6 IBM Plex Mono,monospace;letter-spacing:.1em;margin-left:15px}.wayfinder-wordmark>.brand-identity{margin:0;font:inherit;letter-spacing:inherit}.wayfinder-header>div{display:flex;gap:30px;align-items:center}.route-choices>p,.route-metrics>span:first-child,.route-stamp,.route-title p,.wayfinder-header>div>span{font-size:11px;line-height:1.6;letter-spacing:.06em;text-transform:uppercase}.wayfinder-header a{display:flex;align-items:center;gap:7px;min-height:44px;font-size:15px}.route-sheet{margin-block:28px 0;border:1px solid var(--way-ink);background:var(--way-paper);color:var(--way-ink);font-family:DM Sans,Arial,sans-serif;min-width:0}.route-title{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 30px;border-bottom:1px solid var(--way-ink)}.route-title :is(h1,h3){font-size:40px;line-height:1.1;letter-spacing:-.035em;margin-top:4px}.wayfinder-export{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;background:var(--way-ink);color:var(--way-paper);font-size:12px;font-weight:600;flex-shrink:0}.wayfinder-export:hover{background:var(--way-accent)}.route-spread{display:grid;grid-template-columns:230px minmax(0,1fr)}.route-choices{border-right:1px solid var(--way-rule);padding:25px 20px}.route-choices>p{margin-bottom:4px}.route-choices button{display:block;width:100%;min-height:44px;padding:16px 0;border-bottom:1px solid var(--way-rule);text-align:left}.route-choices button[aria-pressed=true]{border-left:4px solid var(--way-accent);padding-left:12px}.route-choices strong{display:block;font-size:15px;font-weight:700}.route-choices span{font-size:12px}.route-body{padding:0 30px;min-width:0}.route-map-wrap{position:relative;margin-top:20px;background-color:var(--way-field);background-image:linear-gradient(#203d3210 1px,transparent 0),linear-gradient(90deg,#203d3210 1px,transparent 0);background-size:40px 40px}.route-stamp{position:absolute;top:15px;left:20px}.route-map{display:block;width:100%;height:430px}.route-contour{fill:none;stroke:#a6b59e;stroke-width:1.5}.route-line{fill:none;stroke:#1e5b49;stroke-width:5;stroke-linejoin:round}.route-map circle{stroke:#203d32;stroke-width:2}.route-map text{font:700 12px Overpass,Arial,sans-serif}.route-profile{display:flex;align-items:center;gap:30px;padding:15px 0;border-top:1px solid var(--way-rule);margin-top:20px}.route-metrics>span{display:block;font-size:12px}.route-metrics strong{display:block;font:700 24px/1.3 Overpass,Arial,sans-serif;white-space:nowrap}.route-profile>svg{flex:1 1;min-width:0;height:110px}.route-grid{stroke:#a6b59e}.route-fill{fill:#e5ebde}.route-rise{fill:none;stroke:#1e5b49;stroke-width:3}.route-profile text{font-size:10px;fill:#203d32}.route-checkpoints{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:20px;padding:20px 0;border-top:1px solid var(--way-rule)}.route-checkpoints button{min-height:44px;text-align:left;font-size:12px}.route-checkpoints b{display:flex;align-items:center;gap:6px}.route-checkpoints button[aria-pressed=true] b{text-decoration:line-through}.route-rule{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 25px;padding:16px 30px;border-top:1px solid var(--way-ink);font-size:11px}:is(.wayfinder-demo,.route-sheet) :focus-visible{outline-color:var(--way-accent)}@media (max-width:700px){.wayfinder-header{flex-wrap:wrap;padding-block:16px;gap:4px 12px}.wayfinder-wordmark>span{font-size:7px;margin-left:8px}.wayfinder-header>div{width:100%;justify-content:space-between;gap:15px}.wayfinder-header>div>span{font-size:9px}.route-sheet{margin-top:18px}.route-title{flex-direction:column;align-items:start;gap:16px;padding:20px}.route-title :is(h1,h3){font-size:34px}.route-spread{display:block}.route-choices{display:flex;gap:15px;overflow-x:auto;scrollbar-width:thin;padding:12px 20px;border-right:0;border-bottom:1px solid var(--way-rule)}.route-choices>p{display:none}.route-choices button{flex:0 0 140px;padding:10px}.route-choices strong{font-size:13px}.route-choices span{font-size:11px}.route-body{padding:0 15px}.route-stamp{top:10px;left:10px;font-size:9px}.route-map{height:280px}.route-profile{flex-wrap:wrap;gap:12px}.route-metrics strong{font-size:21px}.route-profile>svg{flex-basis:140px;height:60px}.route-checkpoints{grid-auto-flow:row;gap:0;padding:0}.route-checkpoints button{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--way-rule);font-size:13px}.route-rule{flex-direction:column;padding:16px 20px}}