:root{font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:var(--clear)}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--celeste);outline-offset:3px}button{border:0;background:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.masthead{height:82px;display:flex;align-items:center;padding:0 var(--s-6);gap:var(--s-6);border-bottom:1px solid var(--line);background:var(--paper)}.brand{font-size:var(--t-head);font-weight:760;letter-spacing:var(--track-display);line-height:var(--lh-dense)}.brand span{display:block;font-size:var(--t-dense);font-weight:500;letter-spacing:var(--track-label);margin-top:var(--s-2)}.city-note,.muted,.intro,.welcome>p,#form-status{font-size:var(--t-dense);color:var(--muted)}.back-link{margin-left:auto;color:var(--green);font-size:var(--t-dense)}.back-link:hover,.text-button:hover{text-decoration:underline;text-underline-offset:4px}main{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);height:calc(100dvh - 82px)}.planner{overflow:auto;border-right:1px solid var(--line);background:var(--paper)}.planner-top{padding:var(--s-6) var(--s-5) 0}.eyebrow{font-size:var(--t-dense);font-weight:700;letter-spacing:var(--track-label);color:var(--muted)}h1{font-size:var(--t-display);font-weight:620;letter-spacing:var(--track-display);line-height:var(--lh-head);margin:var(--s-3) 0 var(--s-2)}.intro{line-height:var(--lh-dense);margin:0 0 var(--s-5)}.journey-fields{position:relative;border:1px solid var(--rule);border-radius:var(--radius);background:var(--lime-raised)}.field{position:relative;padding:var(--s-3) var(--s-3)}.field:first-child{border-bottom:1px solid var(--line)}.field label{font-size:var(--t-dense);font-weight:650;color:var(--muted);display:block;margin-left:var(--s-5);margin-bottom:var(--s-1)}.input-line{display:flex;align-items:center;gap:var(--s-3)}.input-line input{width:100%;min-width:0;border:0;padding:var(--s-1) 0;outline:0;font-size:var(--t-dense);color:var(--ink);background:var(--clear);height:29px}.input-line input::placeholder{color:var(--ink-2)}.endpoint{flex:0 0 10px;width:10px;height:10px}.origin-dot{border-radius:50%;border:2px solid var(--green)}.destination-dot{border-radius:var(--radius);background:var(--orange)}.clear{width:24px;height:28px;color:var(--muted);font-size:var(--t-sub);line-height:var(--lh-dense)}.clear:hover{color:var(--orange)}.suggestions{position:absolute;left:-1px;right:-1px;top:calc(100% - 1px);list-style:none;padding:var(--s-1) 0;margin:0;background:var(--lime-raised);border:1px solid var(--rule);border-radius:var(--radius);z-index:20;box-shadow:var(--shadow-overlay);max-height:260px;overflow:auto}.suggestions li{padding:var(--s-2) var(--s-3);cursor:pointer;font-size:var(--t-dense);border-bottom:1px solid var(--rule)}.suggestions li:last-child{border:0}.suggestions li:hover{background:var(--soft)}.suggestions small{display:block;font-size:var(--t-dense);line-height:var(--lh-dense);color:var(--muted);margin-top:var(--s-1)}.suggestions .no-match{cursor:default;color:var(--muted)}.form-tools{display:flex;justify-content:space-between;margin:var(--s-2) 0 var(--s-3)}.text-button{font-size:var(--t-dense);font-weight:550;padding:var(--s-2) 0;color:var(--green)}#preferences{background:var(--soft);padding:var(--s-3);margin:0 0 var(--s-4);border-radius:var(--radius)}#preferences label{display:block;font-size:var(--t-dense);margin-bottom:var(--s-2);color:var(--muted)}#preferences select{display:block;width:100%;margin-top:var(--s-1);border:1px solid var(--rule);background:var(--lime-raised);padding:var(--s-2);border-radius:var(--radius-ctl);color:var(--ink);font-size:var(--t-dense)}#preferences .check{display:flex;align-items:center;gap:var(--s-1);margin:0}.check input{accent-color:var(--green)}.primary{width:100%;padding:var(--s-4) var(--s-4);display:flex;justify-content:space-between;align-items:center;background:var(--green);border-radius:var(--radius);color:var(--ink-inverse);font-size:var(--t-dense);font-weight:580}.primary:hover{background:var(--celeste)}.primary:active{transform:translateY(1px)}#form-status{line-height:var(--lh-dense);margin:var(--s-2) 0 0;min-height:4px}.welcome{padding:var(--s-5);margin-top:var(--s-2)}.welcome h2,.results-heading h2{font-size:var(--t-sub);font-weight:600;letter-spacing:var(--track-display);margin:0}.welcome>p{line-height:var(--lh-dense);margin:var(--s-2) 0 var(--s-4)}.places{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s-4)}.place{padding:var(--s-3) 0;display:flex;justify-content:space-between;align-items:center;text-align:left;border-bottom:1px solid var(--line);font-size:var(--t-dense);font-weight:550;gap:var(--s-2)}.place span{color:var(--muted)}.place:hover{color:var(--orange)}.notice{background:var(--soft);padding:var(--s-3);border-radius:var(--radius);margin-top:var(--s-5)!important;font-size:var(--t-dense)!important}.planner-footer{font-size:var(--t-dense);color:var(--muted);padding:var(--s-4) var(--s-5)}.map-panel{position:relative;min-width:0;min-height:0;background:var(--lime);overflow:hidden}#route-map{position:absolute;inset:60px 5% 32px;width:90%;height:calc(100% - 92px);background:var(--lime)}.map-heading{position:absolute;top:23px;left:24px;max-width:calc(100% - 55px);font-size:var(--t-dense);display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--lime-raised);border-radius:var(--radius);box-shadow:none;z-index:2}.caption-dot{height:6px;width:6px;border-radius:50%;background:var(--green);flex-shrink:0}.map-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);text-align:center}.map-empty span{font-size:var(--t-title);color:var(--ink-2)}.map-empty p{max-width:260px;line-height:var(--lh-dense);font-size:var(--t-dense)}.map-credit{position:absolute;bottom:9px;left:15px;padding:var(--s-1) var(--s-1);background:var(--lime-raised);font-size:var(--t-micro);color:var(--muted)}#results{padding:var(--s-5) var(--s-5) 0}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin:var(--s-2) 0}.results-heading span{font-size:var(--t-dense);color:var(--muted)}.muted{line-height:var(--lh-dense)}.journey{border-top:1px solid var(--line);margin-top:var(--s-4)}.journey-choice{display:block;width:100%;text-align:left;padding:var(--s-4) 0}.choice-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-3)}.choice-top strong{font-size:var(--t-dense);font-weight:600}.choice-top small{font-size:var(--t-dense);color:var(--muted)}.line-chain{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.line-badge{font-size:var(--t-dense);font-weight:750;line-height:var(--lh-dense);min-width:32px;text-align:center;border-radius:var(--radius-ctl);padding:0 var(--s-1);display:inline-block;background:var(--route);color:var(--ink-inverse);border:1px solid var(--celeste)}.arrow{color:var(--muted);font-size:var(--t-dense)}.journey-summary{font-size:var(--t-dense);color:var(--muted);margin-left:auto}.journey[aria-current=true]>.journey-choice{color:var(--green)}.journey[aria-current=true] .choice-top strong::before{content:'✓ ';font-size:var(--t-dense)}.journey-details{padding-bottom:var(--s-1)}.travel-step{position:relative;margin-left:var(--s-2);padding:0 0 var(--s-4) var(--s-5);border-left:1px dashed var(--rule)}.travel-step:last-child{border-left-color:var(--clear)}.step-marker{position:absolute;left:-7px;top:1px;width:13px;height:13px;border-radius:50%;border:2px solid var(--paper);background:var(--ochre-pale);box-shadow:none}.travel-step h3{font-size:var(--t-dense);line-height:var(--lh-head);font-weight:580;margin:0}.travel-step p{margin:var(--s-1) 0;font-size:var(--t-dense);line-height:var(--lh-dense);color:var(--muted)}.direction{display:flex;align-items:center;gap:var(--s-2)}.travel-step strong{color:var(--ink);font-weight:600}.travel-step details{margin:var(--s-3) 0;font-size:var(--t-dense);color:var(--green)}.travel-step summary{cursor:pointer;margin-left:var(--s-3)}.travel-step ol{padding-left:var(--s-4);max-height:170px;overflow:auto;color:var(--muted);line-height:var(--lh-dense)}.travel-step li{padding:var(--s-1)}.route-note{font-size:var(--t-dense);line-height:var(--lh-dense);padding:var(--s-2) var(--s-3);background:var(--soft);border-radius:var(--radius);margin:0 0 var(--s-3);color:var(--muted)}
@media(max-width:850px){main{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.planner-top,#results{padding-left:var(--s-5);padding-right:var(--s-5)}.welcome{padding:var(--s-5)}.masthead{padding:0 var(--s-5)}.city-note{display:none}}
@media(max-width:700px){.masthead{height:72px;padding:0 var(--s-4)}.brand{font-size:var(--t-sub)}.back-link{font-size:var(--t-dense)}main{height:calc(100dvh - 72px);display:flex;flex-direction:column}.map-panel{order:0;flex:0 0 28%;min-height:180px}.planner{order:1;flex:1;border-right:0;border-top:1px solid var(--rule)}.planner-top{padding:var(--s-5) var(--s-4) 0}h1{font-size:var(--t-display)}.intro{margin-bottom:var(--s-4)}.welcome{padding:var(--s-5) var(--s-4)}#results{padding:var(--s-4)}#route-map{top:48px;bottom:25px;height:calc(100% - 73px)}.map-heading{top:12px;left:12px;font-size:var(--t-dense)}.map-credit{font-size:var(--t-micro);left:7px;bottom:5px}}

main{height:calc(100dvh - var(--planner-header-height,140px))}#map{position:absolute;inset:0}.map-heading{max-width:calc(100% - 80px);pointer-events:none}.map-tools{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-3);margin-top:var(--s-2)}.map-tools button{font-size:var(--t-dense);padding:var(--s-2) 0;min-height:44px;text-decoration:underline;text-underline-offset:3px}.map-tools [aria-pressed=true]{font-weight:750;color:var(--ink-2)}.map-bottom-tools{position:absolute;bottom:35px;left:12px;display:flex;gap:var(--s-2)}.map-bottom-tools button,#map-prompt button{padding:var(--s-3);background:var(--lime-raised);border:1px solid var(--rule);border-radius:var(--radius-ctl);font-size:var(--t-dense);min-height:44px}#map-prompt{position:absolute;top:64px;left:12px;right:48px;background:var(--lime-raised);padding:var(--s-2);display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-dense)}#map-status{position:absolute;top:62px;left:12px;right:48px;background:var(--lime-raised);padding:var(--s-2);font-size:var(--t-dense);line-height:var(--lh-dense)}#map-status:empty{display:none}.map-pin{display:grid;place-items:center;min-width:26px;height:26px;border:2px solid var(--rule);border-radius:50%;background:var(--celeste);color:var(--ink-inverse);font:700 var(--t-dense)/var(--lh-dense) var(--sans);box-shadow:none;pointer-events:none}.maplibregl-marker{pointer-events:none}.map-credit{max-width:calc(100% - 100px)}.clear{min-width:32px;min-height:36px}.suggestions [aria-selected=true]{background:var(--lime);outline:2px solid var(--celeste);outline-offset:-2px}.show-leg{font-size:var(--t-dense);text-decoration:underline;min-height:44px}.walk-step{font-size:var(--t-dense);line-height:var(--lh-dense);border-left:2px dashed var(--celeste);padding:var(--s-1) var(--s-3);margin:var(--s-2) 0}.map-expanded .map-panel{position:fixed;inset:0;z-index:1000}.map-expanded .map-heading{top:12px}.map-expanded .map-bottom-tools{bottom:40px}.maplibregl-ctrl-scale{background:var(--lime-raised)!important}#map canvas:focus-visible{outline-offset:-4px}
@media(max-width:700px){main{height:auto;min-height:calc(100dvh - var(--planner-header-height,140px));display:flex}.map-panel{height:320px;min-height:320px;flex:none}.planner{overflow:visible;flex:none}.map-heading{top:10px;left:10px}.map-bottom-tools{bottom:30px}.map-expanded .map-panel{height:auto}.planner-top{padding-top:var(--s-4)}}

.line-badge{color:var(--route-ink,var(--ink-inverse))}

.selected-ref{font-size:var(--t-dense);line-height:var(--lh-dense);color:var(--ink-2);margin:var(--s-1) 0 0 var(--s-5)}.selected-ref:empty{display:none}.direction{flex-wrap:wrap}.pattern-direction{font-size:var(--t-dense);font-weight:600}

.walk-step{border-left-style:solid}.walk-step p{margin:var(--s-1) 0}.walk-step details{font-size:var(--t-dense);overflow-wrap:anywhere}.walk-step summary{cursor:pointer;color:var(--green)}.show-walk{font-size:var(--t-dense);text-decoration:underline;min-height:44px;padding:var(--s-1) 0}


.route-group {margin-block:var(--s-4)}
.route-variations, .more-routes {border-left:2px solid var(--rule);padding-left:var(--s-3);margin-block:var(--s-2) var(--s-4)}
.route-variations > summary, .more-routes > summary {cursor:pointer;padding:var(--s-3) var(--s-1);font-weight:600}
.route-variations > summary:focus-visible, .more-routes > summary:focus-visible {outline:2px solid var(--celeste);outline-offset:3px}

.walking-suggestion {margin-block:var(--s-4);padding:var(--s-4);border-left:3px solid var(--celeste);background:var(--lime)}
.walking-suggestion p {margin-block:var(--s-2)}
.walking-suggestion button {padding:var(--s-3);border:1px solid currentColor;border-radius:var(--radius-ctl);background:var(--clear);color:inherit;cursor:pointer;font:inherit}