/* Shared interaction contract: no geometry changes on hover, visible keyboard focus. */
:root{--interaction-tint:#edf2e9;--interaction-ring:#386956}
a[href],button,summary,[role=button]{-webkit-tap-highlight-color:rgba(56,105,86,.14);touch-action:manipulation}
:where(a[href],button,summary,[role=button]){text-underline-offset:.23em;text-decoration-thickness:1.5px}
@media(hover:hover) and (pointer:fine){
 a[href]:not([aria-disabled=true]):hover{color:var(--green,#285a47);text-decoration:underline;outline:none}
 button:not(:disabled):not([aria-disabled=true]):hover,[role=button]:not([aria-disabled=true]):hover{outline:1px solid var(--interaction-ring);outline-offset:2px;filter:none;background-color:var(--interaction-tint)}
 summary:hover,.city-filters>summary:hover,.advanced-filters>summary:hover,.category-chips button:hover{background-color:var(--interaction-tint);filter:none}
 :is(.place-card,.route-card,.global-result,.language-links>a):hover{background:var(--interaction-tint);text-decoration:none;outline:none}
 :is(.place-card,.route-card):hover :is(h2,h3){text-decoration:none}
 .district-card:hover{box-shadow:none;outline:1px solid var(--line);outline-offset:5px}
 :is(.view-switcher .primary-views>a,#more-views>summary):hover{background:transparent;filter:none;text-decoration:none;outline:none!important;color:var(--ink)}
 #more-views>summary:hover::after{transform:scaleX(1)}
 #load-more:hover,#city-more:hover,.load-more:hover{background:var(--interaction-tint);outline:1px solid var(--interaction-ring);outline-offset:2px}
}
a[href]:focus-visible,button:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:2px solid var(--interaction-ring)!important;outline-offset:3px}
:is(.place-card,.route-card,.global-result):focus-visible{background:var(--interaction-tint)}
button:disabled,[aria-disabled=true]{cursor:default}
#more-views>summary{position:relative;text-decoration:none;padding:10px 11px;min-height:44px}
#more-views>summary::after{content:'';position:absolute;inset-inline:11px;bottom:4px;height:2px;background:currentColor;transform:scaleX(0);transition:none}
#more-views:has([aria-current])>summary{text-decoration:none}
#more-views:has([aria-current])>summary::after,#more-views>summary:focus-visible::after{transform:scaleX(1)}
.city-filters>summary,.advanced-filters>summary{border-radius:4px}
#load-more,#city-more,.load-more{min-height:44px;line-height:1.5;border-radius:5px}
.place-category-link{display:inline-flex;align-items:center;min-height:36px;max-width:100%;overflow-wrap:anywhere}
.map-choice{display:grid;gap:0;min-width:180px;max-width:min(280px,70vw);max-height:260px;overflow:auto;padding:8px}
.map-choice a{display:block;min-height:44px;padding:9px 6px;border-bottom:1px solid var(--line);color:var(--ink);font-size:15px;line-height:1.4}
.map-choice small{display:block;color:var(--muted);font-size:13px}
.maplibregl-popup-close-button{min-width:44px;min-height:44px}
.map-controls .maplibregl-ctrl-geolocate{width:44px;height:44px;background-color:var(--white);border:0;border-radius:0;padding:0;display:grid;place-items:center}
.map-controls .maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{width:100%;height:100%;background-position:center;background-repeat:no-repeat}
.geolocation-host{display:none!important}
.search-actions{display:flex;align-items:center;gap:6px;min-width:0}
.surprise-place{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:7px;color:var(--green);background:transparent}
.surprise-place svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.global-search-trigger{min-height:46px;font-size:16px}
@media(min-width:1280px){.topbar .global-search-trigger{width:clamp(200px,19vw,290px)}.global-search-trigger span{overflow:hidden;text-overflow:ellipsis}.global-search-trigger kbd{margin-inline-start:auto}}
.site-footer{isolation:isolate;position:relative;overflow:hidden}
.site-footer::before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/footer-yum-cha.webp') right bottom / auto min(100%,260px) no-repeat;opacity:.09;pointer-events:none}
.site-footer .release-label{font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;unicode-bidi:isolate;display:inline-block;margin-top:6px}
.site-footer .footer-invitation{color:var(--ink);font-weight:550}
@media(max-width:740px){
 .search-actions{gap:3px}.global-search-trigger{width:44px;min-height:44px;padding:10px}.surprise-place{width:44px;height:44px}
 .topbar>.topbar-right{gap:3px}.topbar{padding-inline:max(8px,env(safe-area-inset-left));column-gap:4px}
 .brand>div{row-gap:2px!important}.topbar .brand{gap:7px}.topbar .brand .logo{width:32px;height:32px}.topbar .brand>div>span{font-size:24px!important}
 .topbar .language-btn{width:44px;max-width:44px;padding:9px;justify-content:center}.topbar .language-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .topbar .weather{min-width:44px;padding-inline:5px}.topbar .weather>.icon{display:none}
 .topbar>.view-switcher{min-width:0;width:100%;gap:0}.topbar .primary-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;overflow:visible;gap:0;max-width:100%}.topbar .primary-views::-webkit-scrollbar{display:none}
 .topbar .primary-views>a,#more-views>summary{font-size:14px;padding:8px 6px;white-space:normal;min-height:44px}
 #global-search-dialog{max-height:calc(var(--visual-height,100dvh) - env(safe-area-inset-top) - 16px);overscroll-behavior:contain}
 #global-search-dialog input,.city-search input,#search,select{font-size:16px}
 .map-context-stack{max-width:calc(100% - 76px)}
 .site-footer::before{background-size:auto min(100%,210px)}
}
@media(max-width:360px){.topbar .brand .logo{width:27px;height:27px}.topbar .brand>div>span{font-size:21px!important}.topbar .brand{gap:5px}.topbar .brand-tagline{font-size:12px!important}.topbar .primary-views>a,#more-views>summary{padding-inline:5px;font-size:13px}}
@media(prefers-reduced-motion:reduce){#more-views>summary::after{transition:none}}
@media(forced-colors:active){a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:Highlight!important}.site-footer::before{display:none}}

.mobile-only-view{display:none!important}
@media(max-width:740px){.topbar .brand{min-width:0}.topbar .weather span{display:inline!important;max-width:6ch;overflow:hidden;white-space:nowrap}.topbar .primary-views>a:is([data-view=everyday],[data-view=coast]){display:none}.more-view-links .mobile-only-view{display:flex!important}#more-views{min-width:0;max-width:100px}.more-view-links{inset-inline-start:auto;inset-inline-end:0}.topbar .view-switcher .primary-views>a{padding:8px 5px;line-height:1.3}.map-controls .maplibregl-ctrl-geolocate>.icon{width:20px;height:20px}}
@media(max-width:360px){.topbar .brand>div>span{font-size:20px!important}}

/* Short amenities stay visible; long inventories have a useful first screen. */
.place-facilities,.sea-access{margin-block:1rem;padding-block:.65rem;border:0;border-block-end:1px solid var(--line,#dbe1d8)}
.place-facilities h2,.sea-access h2{font-size:1rem;margin:0 0 .6rem}
.facility-tags{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:.4rem 0;list-style:none}
.facility-tags li{padding:.3rem .6rem;border:1px solid var(--line,#dbe1d8);border-radius:1rem;font-size:.875rem;line-height:1.45}
.facility-more{margin-block:.5rem;border:0;padding:0}.facility-more summary{padding:.55rem .25rem;cursor:pointer;border-radius:.25rem}.facility-more summary:hover{background:var(--soft,#eef1e8)}
.facility-count{font-variant-numeric:tabular-nums;font-weight:600;opacity:.75;margin-inline-start:.35rem}
.station-facility-list{margin:.5rem 0}.station-facility-list>div{padding:.55rem 0;border-block-end:1px solid var(--line,#dbe1d8)}.station-facility-list dt{font-weight:600}.station-facility-list dd{margin:.2rem 0 0;font-size:.9rem;line-height:1.5}
.place-detail>.place-facts{margin-block:.65rem}.place-detail>.place-actions{margin-block:.65rem}.place-detail>.back-link{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.6rem;padding:.3rem 0}.place-detail>.back-link svg{width:1rem;height:1rem}

.route-row{padding-block:.25rem .7rem}.route-row .route-card{padding:.8rem .4rem .4rem;gap:.6rem;align-items:flex-start}.route-row .card-copy{width:100%;min-width:0}.route-row .card-arrow{margin-top:.25rem}.route-row .compare-pick{margin-inline-start:.4rem;min-height:36px;padding:.35rem .5rem}.route-row .trail-photo-credit{margin:.15rem .4rem .35rem}.route-row .trail-card-elevation{max-height:86px}.route-row .route-metrics{margin-top:.55rem}.directory .trail-card-media{max-height:95px}.directory .trail-photo-credit a{display:inline;font-size:inherit}.directory li>small{font-size:.875rem!important}.directory .langs{font-size:.9rem!important}.advanced-filters[open]>summary>.menu-chevron{transform:rotate(225deg)}

@media(max-width:740px){body[data-sheet="peek"] .map-selection:not([hidden]),body[data-sidebar="closed"] .map-selection:not([hidden]){display:flex!important;max-width:calc(100% - 100px);max-height:110px;overflow:auto}.map-selection strong{font-size:.95rem;line-height:1.35}}

.map-selection{bottom:calc(var(--map-credits-height,44px) + 22px)}
@media(max-width:740px){body[data-sheet="peek"] .map-selection:not([hidden]),body[data-sidebar="closed"] .map-selection:not([hidden]){bottom:calc(var(--sheet-height,82px) + var(--map-credits-height,44px) + 20px);max-width:none}body[data-sheet="full"]:not([data-sidebar="closed"]) .sidebar{height:100%;max-height:100%}body[data-sheet="full"]:not([data-sidebar="closed"]) .map-controls,body[data-sheet="full"]:not([data-sidebar="closed"]) .map-language{visibility:hidden}}

.directory-shortcuts,.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem 1rem}.directory-shortcuts{margin:.6rem 0}.directory-shortcuts a{font-size:.875rem;padding:.25rem 0}.footer-links a{min-height:32px;display:inline-flex;align-items:center}.city-intro p{margin-block:.35rem}.city-filters>summary{gap:.5rem}.city-filters .menu-chevron{margin-inline-start:0}.city-filters[open] .menu-chevron,.transit-panel[open]>summary .menu-chevron{transform:rotate(225deg)}

body:not([data-view="transport"]) #transit-extended-host{display:none}
.bus-serving-route{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:var(--font-small,14px)}.bus-serving-route>strong{border-radius:6px;background:var(--surface-2,#eef2ec);padding:4px 7px;min-width:36px;text-align:center}.bus-serving-route small{display:block;color:var(--muted);line-height:1.5}.bus-serving-routes{margin:0;padding:0;list-style:none}.transit-arrivals svg{vertical-align:middle}

/* A compact information hierarchy shared by browse, place and route sidebars. */
.sidebar{--sidebar-gutter:20px;--sidebar-section-gap:14px}
.sidebar #city-panel,.sidebar #hiking-panel{padding:12px var(--sidebar-gutter) 18px}
.sidebar .city-intro{margin:0 0 10px}
.sidebar .city-intro h1{font-size:clamp(1.3rem,1.9vw,1.65rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 6px}
.sidebar .city-intro>p:last-child,.sidebar .intro>p{font-size:15px;line-height:1.5;margin:0;color:var(--muted)}
.sidebar .city-filters{margin:6px 0 4px;border-inline:0;border-top:0;border-bottom:1px solid var(--line);border-radius:0}
.sidebar .city-filters>summary{padding:9px 2px;min-height:40px}
.sidebar .list-heading{margin:12px 0 3px;min-height:32px;align-items:center}
.sidebar .list-heading h2{margin:0;font-size:15px;line-height:1.4}
.browse-directory-link{display:inline-flex;align-items:center;gap:4px;min-height:36px;color:inherit;text-decoration:none;border-radius:4px}
.browse-directory-link:hover{color:var(--green);background:var(--green-light);outline:1px solid var(--line);outline-offset:3px}
.sidebar .place-card{padding:12px 2px;gap:11px;border:0;border-bottom:1px solid var(--line);border-radius:0}
.sidebar .place-card:hover{background:var(--green-light);box-shadow:none;outline:0}
.sidebar .place-card:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.sidebar .place-card .place-symbol{width:33px;height:33px;flex:0 0 33px;margin-top:2px}
.sidebar .place-card .place-symbol svg{width:21px;height:21px}
.sidebar .place-copy{min-width:0}.sidebar .place-category{font-size:13px;line-height:1.4;margin-bottom:3px}
.sidebar .place-copy h3{font-size:17px;line-height:1.35;margin:0}.sidebar .place-local-name{font-size:15px;line-height:1.4;margin:3px 0 0}
.sidebar .place-card .place-address{font-size:14px;line-height:1.4;margin:4px 0 0;color:var(--muted)}
.sidebar .place-detail>.back-link,.sidebar .route-detail>.back-link{margin:0 0 7px;min-height:36px;padding:5px 0;font-size:14px}
.sidebar .place-detail>h1,.sidebar .route-detail>h1{font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.18;margin:5px 0 6px;overflow-wrap:anywhere}
.sidebar .place-detail>.eyebrow,.sidebar .route-detail>.eyebrow{margin:0 0 4px}
.sidebar .place-facts{gap:4px 12px;margin:12px 0;padding:0;border:0}
.sidebar .place-facilities,.sidebar .sea-access{margin-block:12px;padding-block:0 12px}
.sidebar .sea-section{margin-block:14px;padding-block:0 12px;border:0;border-bottom:1px solid var(--line);border-radius:0}
.sidebar .intro{padding:0;margin:0 0 12px}.sidebar .intro h1{font-size:1.6rem;line-height:1.2;margin:0 0 6px}
.sidebar .main-tabs{margin:0 0 12px;height:44px;gap:4px}.sidebar .main-tabs button{min-height:44px;padding:6px}
.sidebar .route-description{margin:10px 0;font-size:15px;line-height:1.5}.sidebar .stats{margin-block:12px}
.sidebar .landuse-card{margin:18px 0 10px}.sidebar .city-scope{margin:12px 0 4px}
.sidebar .site-footer{padding:16px var(--sidebar-gutter);margin-top:0}.sidebar .site-footer p{margin-block:5px}
.sidebar .nature-shortcuts{gap:4px 10px;margin:6px 0 10px}.sidebar #marine-explorer:empty,.sidebar #transit-extended-host:empty{display:none}
@media(max-width:740px){.sidebar{--sidebar-gutter:16px}.sidebar #city-panel,.sidebar #hiking-panel{padding-top:8px}.sidebar .city-intro h1{margin:0 0 4px;font-size:1.35rem}.sidebar .city-intro>p:last-child{margin:0;font-size:14px}.sidebar .place-card{padding-block:11px}.sidebar .list-heading{margin-top:8px}body[data-sheet=peek] .sidebar .city-intro{margin:0}body[data-sheet=peek] .sidebar #city-panel{padding-top:6px}}

/* One navigation row; the category is a destination, not an opposing arrow. */
.place-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:0 8px;margin:0 0 8px;font-size:14px;line-height:1.4}
.sidebar .place-breadcrumb .back-link,.place-breadcrumb .place-category-link{display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 0;min-height:36px;font-size:14px;letter-spacing:0;text-transform:none;font-weight:550}
.place-breadcrumb .icon{width:16px;height:16px}.breadcrumb-separator{color:var(--muted);opacity:.65}
/* A hover/focus stroke occupies the existing edge, never an outer second frame. */
@media(hover:hover) and (pointer:fine){
 button:not(:disabled):not([aria-disabled=true]):hover,[role=button]:not([aria-disabled=true]):hover,#load-more:hover,#city-more:hover,.load-more:hover{outline:2px solid var(--interaction-ring);outline-offset:-2px;box-shadow:none;border-color:transparent}
 .district-card:hover{outline:2px solid var(--interaction-ring);outline-offset:-2px;box-shadow:none;border-color:transparent}
 .brand:hover,.brand:hover *,a.global-search-trigger:hover,a.global-search-trigger:hover *{text-decoration:none!important}
 .brand:hover{outline:none;background:transparent}
 a.global-search-trigger:hover{outline:2px solid var(--interaction-ring);outline-offset:-2px;border-color:transparent;box-shadow:none;background:var(--interaction-tint)}
}
button:focus-visible,[role=button]:focus-visible,.district-card:focus-visible,.global-search-trigger:focus-visible{outline-offset:-2px!important;border-color:transparent;box-shadow:none}
.view-switcher .primary-views>a,#more-views>summary{border:0!important;border-radius:0;box-shadow:none;text-decoration:none!important;position:relative}
.view-switcher .primary-views>a::after,#more-views>summary::after{content:"";position:absolute;inset-inline:8px;bottom:4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:none}
.view-switcher .primary-views>a:is(:hover,:focus-visible,[aria-current])::after,#more-views>summary:is(:hover,:focus-visible)::after,#more-views:has([aria-current])>summary::after{transform:scaleX(1)}
@media(min-width:1280px){.topbar .global-search-trigger{width:clamp(260px,23vw,350px);max-width:100%}}
@media(min-width:741px) and (max-width:1279px){.topbar .global-search-trigger{width:clamp(170px,20vw,250px)}}

.site-footer{position:relative;isolation:isolate;overflow:hidden}.site-footer::before{content:"";position:absolute;z-index:-1;right:-14px;bottom:-12px;left:auto;top:auto;width:clamp(210px,30%,360px);height:220px;background:url('/assets/footer-yum-cha-outline.webp') right bottom/contain no-repeat;opacity:.24;pointer-events:none;mask-image:linear-gradient(110deg,transparent 0%,#000 48%)}.sidebar .site-footer::before{width:230px;height:175px;right:-24px;bottom:-12px;opacity:.22}.site-footer p,.site-footer nav{position:relative}.site-footer .site-rights{color:var(--ink,#244d40)}

.sidebar .landuse-card{position:relative;overflow:hidden;isolation:isolate;padding:18px 18px 15px;border:0;border-radius:12px;background:linear-gradient(135deg,#edf1e6,#e0e9d7);color:#284c3d}
.landuse-card .landuse-eyebrow{position:relative;max-width:calc(100% - 35px);margin:0;font-size:15px;font-weight:650;letter-spacing:.015em;line-height:1.4}
.landuse-measure{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0}.landuse-card .landuse-measure strong{font:550 3.65rem/1.05 Georgia,serif;letter-spacing:-.055em;color:#285c44;font-variant-numeric:tabular-nums}.landuse-card .landuse-measure strong span{font-size:1.6rem;margin-inline-start:4px;letter-spacing:0}.landuse-ring{width:82px;height:82px;flex:0 0 82px}.landuse-botany{position:absolute;right:-14px;bottom:0;width:120px;height:170px;color:#527b59;opacity:.13;z-index:-1}.landuse-card .landuse-description{margin:5px 0 9px;max-width:34ch;font-size:15px;line-height:1.5;color:#345845}.landuse-card .landuse-source{display:inline;font-size:13px;line-height:1.5;color:#456a54;text-decoration:none}.landuse-card .landuse-source:hover{text-decoration:underline}

/* One closed-by-default source control, one expanded panel, no separate floating boxes. */
#map-credits{display:block;grid-template-columns:none;inset:auto 10px 10px auto;padding:0;max-width:min(280px,calc(100% - 112px));border:1px solid #dce1d5;border-radius:6px;background:#fffef9f5;line-height:1.3}
#map-attribution{position:relative}#map-attribution>summary{display:flex;align-items:center;gap:5px;list-style:none;min-height:32px;padding:3px 7px;cursor:pointer;border:0;border-radius:5px;font-size:11px;line-height:1.3;white-space:nowrap}
#map-attribution>summary::-webkit-details-marker{display:none}#map-attribution>summary:after{content:none}#map-attribution>summary>img{width:18px;height:18px;object-fit:contain}#map-attribution>summary>.attribution-icon{width:17px;height:17px;flex:none}
#map-credit-details{position:absolute;bottom:calc(100% + 8px);right:0;width:min(330px,calc(100vw - 32px));max-height:min(230px,35vh);overflow:auto;overscroll-behavior:contain;padding:12px;background:var(--white);border:1.5px solid var(--line);border-radius:8px;line-height:1.5}
#map-attribution:not([open])>#map-credit-details{display:none}
#map-credit-details .lands-credit,#map-credit-details #aerial-credit{display:flex;position:static;inset:auto;padding:0;margin:0 0 8px;background:none;font-size:12px!important;line-height:1.5;gap:6px;max-width:none}
#map-credits[data-mode=aerial] .lands-credit>a{display:inline}#map-credit-details .lands-credit img{display:none}#map-credit-details [hidden]{display:none!important}
#map-credit-details .maplibregl-ctrl-bottom-right{position:static;display:block;inset:auto;margin:0}#map-credit-details .maplibregl-ctrl-attrib{display:block;padding:0;margin:0;background:transparent}#map-credit-details .maplibregl-ctrl-attrib-inner{display:block!important;position:static;inset:auto;width:auto;max-height:none;margin:0;padding:0;border:0;background:none;font-size:12px;line-height:1.6;overflow:visible}#map-credit-details .maplibregl-ctrl-attrib-button{display:none!important}
#map-credits .sea-map-note{position:static;max-width:none;margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--line);font-size:12px}
.map-shell :is(.map-controls button,.map-pill,.map-language,.map-mode button,.map-tools-btn,#map-attribution>summary){box-shadow:none;transition:background-color .12s ease,color .12s ease;filter:none}
@media(hover:hover) and (pointer:fine){.map-shell :is(.map-controls button,.map-pill,.map-language,.map-mode button,.map-tools-btn,#map-attribution>summary):not(:disabled):hover{background:var(--interaction-tint);color:var(--green);outline:2px solid var(--interaction-ring);outline-offset:-2px;border-color:transparent;text-decoration:none;filter:none}}
.map-context-toolbar .terrain-quick{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:64px;height:44px;padding:8px;border:1.5px solid var(--line);font-size:14px;font-weight:650;border-radius:7px;background:var(--white)}.terrain-quick svg{width:19px;height:19px}.terrain-quick[aria-pressed=true],#terrain-btn[aria-pressed=true]{color:var(--green);background:var(--green-light);border-color:var(--green)}.terrain-quick:disabled{opacity:.5}
@media(max-width:740px){#map-credits{right:8px;bottom:calc(var(--sheet-height,82px) + 8px);max-width:calc(100% - 108px);padding:0}#map-attribution>summary{min-height:38px;font-size:10px;gap:4px;padding-inline:5px}#map-attribution>summary>img{width:16px;height:16px}#map-attribution>summary>.attribution-icon{width:17px;height:17px}.map-context-toolbar .terrain-quick{min-width:58px}}

.topbar :is(.global-search-trigger,.language-btn,.weather,.surprise-place){height:44px;min-height:44px;border:1.5px solid var(--line);border-radius:7px;box-shadow:none;background:var(--white);color:var(--ink);font-size:14px;line-height:1.2;align-items:center;justify-content:center;text-decoration:none}
.topbar .global-search-trigger{justify-content:flex-start}.topbar :is(.language-btn,.weather){padding-inline:10px;gap:6px}.topbar .weather span{font-variant-numeric:tabular-nums;font-weight:600}.topbar :is(.global-search-trigger,.language-btn,.weather,.surprise-place):hover{text-decoration:none!important;outline:2px solid var(--interaction-ring);outline-offset:-2px;border-color:transparent;background:var(--interaction-tint)}
.sidebar .place-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.sidebar .place-actions .small-button{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 11px;border:1.5px solid var(--line);border-radius:6px;font-size:14px;font-weight:550;line-height:1.3;background:transparent}.sidebar .place-actions .icon{width:17px;height:17px}.sidebar .place-actions [aria-pressed=true]{border-color:var(--green);background:var(--green-light);color:var(--green)}
.place-district{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0 12px;font-size:14px}.place-district>span{color:var(--muted)}.district-tag{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:34px;padding:5px 10px;border:1.5px solid color-mix(in srgb,var(--district-accent) 65%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--district-accent) 9%,var(--paper));color:var(--ink);font-weight:550;text-decoration:none}.district-tag i{width:8px;height:8px;background:var(--district-accent);border-radius:50%;flex:none}.district-tag:hover{outline:2px solid var(--district-accent);outline-offset:-2px;border-color:transparent;text-decoration:none!important;background:color-mix(in srgb,var(--district-accent) 15%,var(--paper))}
#global-search-dialog{height:min(680px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);overflow:hidden}#global-search-results{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:180px;flex:1}#global-search-results[data-pending]{cursor:progress}#global-search-status{min-height:1.5em}#global-search-results .global-result:focus{scroll-margin-block:12px}
@media(max-width:740px){.sidebar .place-actions .small-button{min-height:44px}.topbar :is(.language-btn,.weather){padding-inline:6px}.topbar .language-btn{width:44px}#global-search-dialog{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}}

#global-search-dialog[open]{display:flex;flex-direction:column}#global-search-dialog>.global-search-input,#global-search-dialog>footer,#global-search-status{flex:none}

.place-introduction{margin:10px 0 12px;font-size:15px;line-height:1.55;color:var(--ink)}.place-introduction p{margin:0 0 7px}.place-introduction-context{font-size:14px;color:var(--muted)}

.map-choice-popup .maplibregl-popup-content{padding:0;background:var(--white);border:1.5px solid var(--line);border-radius:12px;box-shadow:0 6px 22px #10271e22;overflow:hidden}.map-choice{display:block;min-width:240px;width:min(330px,calc(100vw - 32px));max-width:none;padding:0;max-height:none;overflow:hidden}.map-choice>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px 7px 14px;border-bottom:1px solid var(--line)}.map-choice>header>strong{font-size:14px;font-weight:600}.map-choice>header>strong>span{font-variant-numeric:tabular-nums;color:var(--muted);margin-inline-start:5px}.map-choice>header>button{width:40px;height:40px;display:grid;place-items:center;border-radius:6px}.map-choice>header>button svg{width:20px;height:20px}.map-choice-list{max-height:min(340px,45vh);overflow-y:auto;overscroll-behavior:contain;padding:4px}.map-choice-list>a{display:flex;align-items:center;gap:10px;padding:11px 9px;min-height:58px;border:0;border-bottom:1px solid var(--line);border-radius:4px;text-decoration:none}.map-choice-list>a:last-child{border-bottom:0}.map-choice-list>a:hover{background:var(--green-light);outline:0;text-decoration:none}.map-choice-list>a:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.map-choice-list>a>span:nth-child(2){flex:1;min-width:0}.map-choice-list strong{font-size:15px;line-height:1.35;font-weight:600;display:block}.map-choice-list small{font-size:13px;margin-top:3px;line-height:1.4}.map-choice-icon{display:grid;place-items:center;width:30px;height:32px;flex:none;color:color-mix(in srgb,var(--choice-accent),var(--ink) 45%)}.map-choice-icon .icon{width:22px;height:22px}.map-choice-arrow{width:15px;height:15px;flex:none;color:var(--muted)}
@media(max-width:740px){.map-choice-popup{left:50%!important;top:60px!important;bottom:auto!important;transform:translateX(-50%)!important;max-width:calc(100% - 24px)!important}.map-choice-popup .maplibregl-popup-tip{display:none}.map-choice{width:min(340px,calc(100vw - 24px));min-width:0}.map-choice-list{max-height:min(310px,38dvh)}.map-choice-list>a{min-height:62px}.map-choice>header>button{width:44px;height:44px}}

@media(max-width:740px){.topbar{grid-template-columns:minmax(0,1fr) auto;padding-block:4px;row-gap:0}.topbar>.topbar-right{gap:3px;min-width:0}.topbar .search-actions{gap:3px}.topbar .surprise-place{display:none}.topbar .global-search-trigger{width:40px;min-width:40px;padding:9px}.topbar .language-btn{width:40px;min-width:40px}.topbar .weather{min-width:44px;height:44px}.topbar .primary-views>a,#more-views>summary{min-height:42px;padding-block:7px}.topbar>.view-switcher{min-height:42px}.more-view-links{max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain;padding:6px 10px}.sidebar .place-actions{gap:6px;margin-block:8px 10px}.sidebar .place-actions .small-button{padding:7px 9px}.map-context-stack{inset-block-start:8px;inset-inline-start:8px}.map-context-toolbar{gap:5px}.map-context-toolbar button{min-height:40px}.map-choice-popup{top:54px!important}.map-selection{padding:8px 10px}#language-dialog,#map-options-dialog{padding:14px;max-width:calc(100vw - 20px)}}
.district-card.selected{outline:2px solid var(--district-color);outline-offset:-2px!important;border-color:transparent;background:transparent}