:root{font:18px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--paper:#faf9f5;--ink:#233e36;--muted:#56685e;--line:#d9dfd6;--accent:#285d49;--on-accent:#fff;--soft:#eaf0e5;--focus:#b56a17;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}button,.button{font:inherit;min-width:48px;min-height:48px;padding:10px 15px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--paper);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:8px}button:hover,.button:hover{background:var(--soft)}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}header{height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{font:bold 27px Georgia,serif;color:var(--ink);text-decoration:none;min-height:48px;display:flex;align-items:center}.city{font-size:15px;color:var(--muted)}main{height:calc(100vh - 76px - env(safe-area-inset-top));height:calc(100dvh - 76px - env(safe-area-inset-top));display:grid;grid-template-columns:minmax(0,1fr) 480px;min-height:0}.map-area{position:relative;background:var(--soft);overflow:hidden}#map{position:absolute;inset:0}#map-status{position:absolute;left:20px;right:20px;bottom:24px;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:12px;font-size:15px}#map-status[hidden],[hidden]{display:none!important}#panel{min-height:0;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--line);background:var(--paper)}nav{display:flex;gap:4px;margin:16px 20px 0;padding:4px;border-radius:15px;background:var(--soft);flex-shrink:0}.tab{flex:1;background:transparent;border:0;color:var(--ink)}.tab.active{background:var(--accent);color:var(--on-accent);font-weight:700}#count{font-size:14px;margin-left:6px}#content{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;flex:1;padding:24px}h1,h2{font:32px/1.15 Georgia,serif;letter-spacing:-.6px;margin:0 0 12px}h3{font-size:19px;line-height:1.35;margin:20px 0 8px}p{margin:10px 0 18px}.intro{color:var(--muted);font-size:17px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 8px}.chip{font-size:15px;border-radius:28px;padding:8px 12px;text-transform:capitalize}.chip[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.result-count{font-size:14px;color:var(--muted);margin:12px 0 0}.place{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;justify-content:flex-start;gap:12px;padding:17px 0}.number{flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;background:var(--soft);color:var(--ink);border-radius:50%;font-size:14px}.row-label{min-width:0}.place strong{display:block;font-size:18px;line-height:1.3}.place small{display:block;color:var(--muted);font-size:14px;margin-top:4px}.chevron{margin-left:auto;font-size:28px}.back{margin-bottom:20px}.category{font-size:14px;text-transform:capitalize;color:var(--muted)}.view-toggle{display:flex;background:var(--soft);padding:4px;border-radius:15px;margin:16px 0;position:sticky;top:0;z-index:3}.view-toggle button{flex:1;border:0;background:transparent}.view-toggle button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.story{border-top:1px solid var(--line);padding-top:18px}.actions{display:grid;gap:10px;margin:20px 0}.text-link{color:var(--accent);display:inline-flex;min-height:48px;align-items:center}.trip-list{list-style:none;padding:0}.trip-stop{border:1px solid var(--line);padding:16px;border-radius:14px;margin:14px 0}.trip-stop h3{margin:0 0 12px}.trip-tools{display:flex;gap:8px;flex-wrap:wrap}.trip-tools button{font-size:16px}.walk{color:var(--muted);font-size:14px}#street{height:340px;position:relative;overflow:hidden;border-radius:12px;background:var(--soft)}#street-status{font-size:15px}input{width:100%;font:inherit;padding:12px}footer{flex-shrink:0;font-size:11px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line);padding:12px 24px calc(12px + env(safe-area-inset-bottom))}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:100;background:var(--paper);padding:12px}@media(max-width:700px),(pointer:coarse) and (max-height:500px){header{height:58px;padding:0 16px}.brand{font-size:21px}.city{font-size:12px;max-width:100px;text-align:right}main{height:calc(100vh - 58px - env(safe-area-inset-top));height:calc(100dvh - 58px - env(safe-area-inset-top));display:flex;flex-direction:column}.map-area{height:26%;min-height:140px;flex-shrink:0}#panel{flex:1;border:0;border-top:1px solid var(--line)}nav{margin:10px 14px 0}#content{padding:18px 20px}h1,h2{font-size:28px}.intro{font-size:16px;margin-bottom:12px}.filters{margin-top:14px;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding:3px 3px 8px}.chip{flex-shrink:0}.place{padding:15px 0}footer{padding:10px 20px calc(10px + env(safe-area-inset-bottom))}#street{height:300px}#map-status{bottom:10px;left:10px;right:10px;font-size:14px;padding:10px}}
@media(prefers-color-scheme:dark){:root{--paper:#182a25;--ink:#e9eee6;--muted:#bdcbc2;--line:#42584c;--accent:#a7d3b8;--on-accent:#13251c;--soft:#2b4236;--focus:#e4a154}}