/* Opt-in /explore presentation. The main map never loads this stylesheet. */
.explore-experience main{max-width:none;padding:0;width:100%}
.explore-experience .explore-header{display:block;max-width:none;margin:0;padding:8px 16px 0;border:0;background:var(--cream)}
.explore-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.explore-experience .explore-wordmark{display:block;flex:none;width:246px;height:78px;color:var(--ink);text-decoration:none;font-family:var(--font-display)}
.explore-logo{display:block;width:100%;height:100%;overflow:visible}
.explore-logo-fright{fill:var(--ink)}
.explore-logo-tagline{fill:var(--orange)}
.explore-logo-bat{fill:var(--ink)}
.explore-logo-stars{fill:var(--orange);pointer-events:none}
.explore-experience .explore-add{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:44px;padding:10px 12px;white-space:nowrap;font-size:13px;box-shadow:none}
.explore-add>span{font-size:20px;line-height:1}
.explore-experience .explore-navigation{display:flex;justify-content:flex-start;align-items:center;gap:24px;min-height:44px;margin:3px 0 0;border-bottom:0}
.explore-navigation a{display:flex;align-items:center;min-height:44px;position:relative;text-decoration:none;color:var(--muted);font-size:13px}
.explore-navigation a[aria-current=page]{color:var(--ink);font-weight:700}
.explore-navigation a[aria-current=page]::after{content:'';position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--ink)}
.explore-map .explore-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
.explore-map main>.explorer{max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;overflow:visible}
.explore-map .map-column{position:relative}
.explore-map .explore-neighborhood-tab{position:absolute;left:0;top:0;z-index:15;width:max-content;max-width:min(380px,calc(100% - 104px));background:var(--cream);border-radius:0;padding:0 8px 4px 0}
.explore-map .locate-controls{right:15px;top:116px}
.explore-map .map-toolbar{padding:0 16px;background:transparent;min-width:0;border:0;border-radius:0;z-index:auto}
.explore-map .neighborhood-picker{width:auto;min-width:0}
.explore-map .neighborhood-trigger{display:flex;justify-content:flex-start;gap:6px;width:100%;padding:3px 0;min-height:44px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:24px;line-height:1.2;text-align:left;min-width:0}
.explore-map .neighborhood-trigger>span{min-width:0;overflow-wrap:anywhere}
.explore-map .neighborhood-trigger>svg{flex:none;width:14px;height:14px;stroke:var(--muted);stroke-width:1.75}
.explore-map .house-data-feedback{padding:0 16px 4px;background:transparent;font-size:11px;min-height:0}
.explore-map #houseDataStatus{margin:0;padding:0;font-size:11px;line-height:1.3}
.explore-map #mapViewport{height:calc(100dvh - var(--explore-map-top,160px));min-height:240px;max-height:none;border:0;border-radius:0}
.explore-map .map-bottom{font-size:10px;line-height:1.5;padding:8px 16px}
.explore-map .community-actions,.explore-map main>footer{max-width:1200px;margin-inline:auto;padding-inline:16px}
.explore-map .details .card-directions{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid var(--ink);border-radius:var(--radius-control);background:var(--ink);color:var(--cream);text-decoration:none}
.explore-neighborhood-dialog{padding:0;margin:0;position:fixed;left:0;right:auto;top:0;bottom:auto;box-sizing:border-box;width:340px;max-width:calc(100vw - 24px);max-height:75dvh;border:1px solid var(--border-card);border-radius:var(--radius-card);background:var(--surface-card);color:var(--ink);box-shadow:var(--shadow-card);overflow:hidden}
.explore-neighborhood-dialog[open]{display:flex;flex-direction:column}
.explore-neighborhood-dialog::backdrop{background:#241b2944;backdrop-filter:none}
.explore-picker-heading{display:flex;align-items:center;gap:10px;flex:none;padding:8px 12px}
.explore-picker-heading h2{flex:1;font:600 23px/1.2 var(--font-body);color:var(--neighborhood-accent);margin:0}
#explorePickerClose{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--ink);font-size:26px;box-shadow:none}
.explore-neighborhood-dialog .neighborhood-search{position:static;top:auto;flex:none;padding:0 12px 8px;background:transparent}
.explore-neighborhood-dialog #neighborhoodSearch{width:100%;margin:0;min-height:44px;border:0;border-radius:7px;background:var(--cream);font-size:16px;padding:10px 12px}
.explore-neighborhood-dialog #neighborhoodOptions{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 8px 8px;scrollbar-width:thin}
.explore-neighborhood-dialog .neighborhood-option{min-height:52px;padding:10px 8px;gap:8px;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:14px;color:var(--ink);background:transparent}
.explore-neighborhood-dialog .neighborhood-option[aria-selected=true]{background:var(--neighborhood-selected);color:var(--neighborhood-accent);font-weight:600}
.explore-neighborhood-dialog .neighborhood-option[aria-selected=true] .neighborhood-count{color:var(--neighborhood-accent);font-weight:600}
.explore-neighborhood-dialog .neighborhood-option:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:-3px}
.explore-neighborhood-dialog .neighborhood-count{font-size:11px;flex-basis:12ch;white-space:normal}
.explore-neighborhood-dialog .neighborhood-option-name{flex:1;min-width:0}
.explore-neighborhood-dialog #neighborhoodSearchEmpty{padding:0 16px;font-size:13px}
.explore-neighborhood-dialog[data-event-picker="true"] #neighborhoodSearchEmpty:empty{margin:0;padding:0}
section.explore-events,.explore-board{max-width:900px;padding:24px 20px;margin:0 auto}
.explore-experience section.explore-events>h1,.explore-experience .explore-board>h1{font:600 30px/1.2 var(--font-display);letter-spacing:-.5px;margin:0 0 8px}
.explore-page-context{font-size:13px;color:var(--muted);margin:0 0 24px}
.explore-event{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--line)}
.explore-event-date{text-align:center;font-family:var(--font-display)}
.explore-event-date span{display:block;font:600 12px/1.5 var(--font-body);color:var(--orange);text-transform:uppercase}
.explore-event-date strong{display:block;font-size:22px;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}
.explore-event h3{font:600 22px/1.2 var(--font-display);margin:0 0 8px}
.explore-event p{font-size:14px;line-height:1.55;margin:6px 0;color:var(--muted)}
.explore-event .event-time{display:block;padding:0;border:0;background:transparent}
.explore-event .event-time span{display:block}
.explore-event .event-cta{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:3px 0 0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:var(--ink);text-decoration:underline;font-size:14px}
section.explore-events>#suggestEvent{min-height:44px;margin-top:12px}
.explore-experience .explore-footer{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3);color:var(--muted);max-width:900px;margin:0 auto;padding:16px 20px;font-size:11px;line-height:1.5;border-top:1px solid var(--line)}
@media(max-width:720px){
 .explore-experience .explore-header{padding:6px 12px 0}
 .explore-experience .explore-wordmark{width:180px;height:57px}
 .explore-map .map-toolbar{padding-inline:12px}
 .explore-map .house-data-feedback{padding-inline:12px}
 .explore-map .neighborhood-trigger{font-size:20px}
 .explore-experience .explore-add{font-size:12px;padding:8px 10px}
 .explore-header-row{gap:8px}
 .explore-map .neighborhood-picker{width:auto}
 .explore-neighborhood-dialog{left:0;right:0;top:auto;bottom:var(--explore-picker-bottom,0px);width:100%;max-width:100%;max-height:80dvh;border-radius:16px 16px 0 0;border-bottom:0;padding:8px 0 max(8px,env(safe-area-inset-bottom))}
 .explore-neighborhood-dialog::before{content:'';display:block;width:32px;height:3px;border-radius:3px;background:var(--border-card);margin:0 auto 4px;flex:none}
 .explore-neighborhood-dialog .neighborhood-option{min-height:52px;font-size:15px}
 section.explore-events,.explore-board{padding:20px 16px}
 .explore-event{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:16px 0}
 .explore-event h3{font-size:20px}
 .explore-event-date strong{font-size:18px}
 .explore-map #submitDialog{position:fixed;top:auto;bottom:0;margin:0;width:100%;max-width:100%;max-height:90dvh;border-radius:16px 16px 0 0}
}
@media(max-width:350px){.explore-experience .explore-wordmark{width:146px;height:47px}.explore-experience .explore-add{padding:8px;font-size:11px}}

/* Compact, aligned tools leave more of the map available for exploration. */
.explore-map .map-controls{right:12px;top:12px;box-shadow:none;border-color:var(--border-card);border-radius:var(--radius-control)}
.explore-map .map-controls button:last-child{font-size:23px}
.explore-map .locate-controls{right:12px;top:112px}
/* Match the zoom rail: 44px buttons plus its two 1px outer borders. */
.explore-map #locateMe{display:grid;place-items:center;width:46px;height:44px;padding:0;font-size:23px;box-shadow:none;border-color:var(--border-card);border-radius:var(--radius-control)}
.explore-map #locateLabel{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* One quiet neighborhood label, with a curved slope back to the header edge. */
.explore-map .explore-neighborhood-tab::after{content:'';position:absolute;inset:0 auto 0 100%;width:64px;background:var(--cream);pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 48' preserveAspectRatio='none'%3E%3Cpath d='M0 0H80C45 0 42 48 0 48Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 48' preserveAspectRatio='none'%3E%3Cpath d='M0 0H80C45 0 42 48 0 48Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.explore-map .house-data-feedback:has(#retryHouses[hidden]){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
@media(max-width:350px){.explore-map .explore-neighborhood-tab::after{width:48px}}

/* Opening announces the heading without selecting a field or drawing a focus box. */
.explore-picker-heading h2:focus{outline:none}

/* Desktop is a map workspace, not an enlarged mobile stack. Keep the approved
   mobile header, edge tab, bottom sheet and gestures unchanged below 721px. */
@media(min-width:721px){
 .explore-experience .explore-header{display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;column-gap:var(--space-6);padding:var(--space-3) 32px}
 .explore-header-row{display:contents}
 .explore-experience .explore-wordmark{grid-column:1;grid-row:1;width:216px;height:68px}
 .explore-experience .explore-navigation{grid-column:2;grid-row:1;justify-content:center;gap:32px;margin:0;align-self:stretch}
 .explore-navigation a{font-size:14px;min-height:48px}
 .explore-navigation a[aria-current=page]::after{bottom:12px;height:3px;border-radius:2px}
 .explore-experience .explore-add{grid-column:3;grid-row:1;justify-self:end;justify-content:center;min-height:48px;gap:var(--space-2);padding:12px 20px;font-size:14px}
 .explore-map .explore-neighborhood-tab{max-width:min(480px,calc(100% - 160px));padding:0 var(--space-3) var(--space-2) 0}
 .explore-map .map-toolbar{padding-inline:32px var(--space-2)}
 .explore-map .neighborhood-trigger{min-height:52px;gap:var(--space-3);font-size:28px}
 .explore-map .neighborhood-trigger>svg{width:16px;height:16px}
 .explore-map .house-data-feedback{padding-left:32px}
 .explore-map .map-controls{right:var(--space-6);top:var(--space-6)}
 .explore-map .locate-controls{right:var(--space-6);top:124px}
 .explore-map .location-feedback{right:80px;top:124px;max-width:min(320px,calc(100% - 112px))}
 /* Shared map code positions cards beside their selected marker. */
 .explore-map .details{width:340px;max-width:calc(100% - 116px);max-height:calc(100% - 48px);padding:var(--space-5);background:var(--surface-card);border-color:var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
 .explore-map #details{width:400px}
 .explore-map .details h2{font-size:28px;line-height:1.15}
 .explore-map .details .description{font-size:14px;line-height:1.6}
 .explore-map .details .tag{font-size:11px}
 .explore-map .details .card-pagination button{font-size:13px}
 .explore-map .map-hint{left:32px;bottom:var(--space-6);font-size:11px}
 .explore-map .map-bottom{padding-inline:32px;font-size:11px}
 .explore-map .community-actions,.explore-map main>footer{max-width:none;padding-inline:32px}
 .explore-neighborhood-dialog{width:400px}
 .explore-picker-heading{padding:var(--space-3) var(--space-4)}
 .explore-picker-heading h2{font-size:22px}
 .explore-neighborhood-dialog .neighborhood-search{padding:0 var(--space-4) var(--space-3)}
 .explore-neighborhood-dialog #neighborhoodSearch{min-height:48px}
 .explore-neighborhood-dialog #neighborhoodOptions{padding:0 var(--space-3) var(--space-3)}
 .explore-neighborhood-dialog .neighborhood-option{min-height:56px;padding:var(--space-3);font-size:15px}
 .explore-neighborhood-dialog .neighborhood-count{font-size:12px;flex-basis:9ch}
 section.explore-events,.explore-board{max-width:1040px;padding:48px 32px 32px}
 .explore-experience section.explore-events>h1,.explore-experience .explore-board>h1{font-size:44px;letter-spacing:-1px;margin-bottom:var(--space-3)}
 .explore-page-context{font-size:15px;margin-bottom:32px}
 .explore-event{grid-template-columns:88px minmax(0,1fr);gap:var(--space-6);padding:28px 0}
 .explore-event-date strong{font-size:26px}
 .explore-event h3{font-size:27px}
 .explore-event p{max-width:65ch;font-size:15px;line-height:1.65}
 .explore-event .event-cta{font-size:15px}
 .explore-board .hood{grid-template-columns:32px minmax(180px,1fr) minmax(100px,1fr) 90px;gap:var(--space-5);min-height:104px;padding:var(--space-5) var(--space-6);box-shadow:none}
 .explore-experience .explore-footer{max-width:976px;padding:var(--space-6) 0 32px;font-size:12px}
}
@media(min-width:721px) and (max-width:1000px){
 .explore-experience .explore-header{grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);column-gap:var(--space-4);padding-inline:var(--space-6)}
 .explore-experience .explore-wordmark{width:180px;height:57px}
 .explore-experience .explore-navigation{gap:var(--space-6)}
 .explore-experience .explore-add{padding-inline:var(--space-4)}
 .explore-map .map-toolbar{padding-left:var(--space-6)}
 section.explore-events,.explore-board{padding-top:32px}
 .explore-experience .explore-footer{margin-inline:32px}
}


/* Neighborhood plans and regional trips stay visibly distinct. */
section.explore-events .explore-event-group{font:600 22px/1.3 var(--font-display);margin:var(--space-6) 0 var(--space-4)}
section.explore-events .explore-regional-heading{margin-top:48px}

/* Events share the map's quiet left-aligned filter, independently of haunt counts. */
section.explore-events{max-width:none;padding:0 12px 24px;margin:0}
.events-filter-bar{display:flex;align-items:center;gap:4px;position:relative;width:max-content;max-width:calc(100% - 48px);min-height:48px;background:var(--cream);padding-right:8px;margin-bottom:8px}
.events-filter-bar::after{content:'';position:absolute;inset:0 auto 0 100%;width:48px;background:var(--cream);pointer-events:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 48' preserveAspectRatio='none'%3E%3Cpath d='M0 0H80C45 0 42 48 0 48Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.events-filter-trigger{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:48px;padding:2px 4px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ink);font:600 23px/1.2 var(--font-display);text-align:left}
.events-filter-trigger>span{overflow-wrap:anywhere}.events-filter-trigger>svg{flex:none}
.events-filter-clear{flex:none;width:44px;min-height:44px;border:0;background:transparent;box-shadow:none;color:var(--ink);font-size:24px;padding:0}
.explore-event-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);align-items:start}
.event-agenda-day{min-width:0}
.event-agenda-heading{margin:0;padding:0 var(--space-2) var(--space-2);font:600 24px/1.25 var(--font-display);color:var(--accent-ink)}
.explore-event-card{position:relative;display:block;min-width:0;min-height:44px;padding:var(--space-3) var(--space-2);border:0;border-radius:0;background:transparent;color:var(--ink);text-decoration:none;transition:background .15s ease}
.explore-event-card:not(:last-child)::after{content:"";position:absolute;bottom:0;left:var(--space-2);width:72%;max-width:64ch;height:1px;background:var(--line);pointer-events:none}
.explore-event-card:hover{background:var(--surface-row-hover);text-decoration:none}
.explore-event-card:active{background:var(--surface-row-active)}
.explore-event-card:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}
.event-agenda-time{padding:0;font:400 14px/1.4 var(--font-body);color:var(--ink)}
.event-agenda-time:has(time:empty){display:none}
.explore-event-content{padding:var(--space-1) 0 0}
.explore-event-title{display:flex;align-items:start;gap:10px}
.explore-event-title h3{flex:1;min-width:0;margin:0;font:600 20px/1.25 var(--font-display);letter-spacing:-.2px}
.explore-event-summary{margin:var(--space-1) 0 0;font:400 14px/1.4 var(--font-body);color:var(--muted)}
.event-title-tail{white-space:nowrap}
.event-external{display:inline-block;width:14px;height:14px;margin-left:2px;vertical-align:baseline;opacity:.6}
.explore-event-summary,.explore-event-when,.explore-event-where,.explore-event-note{max-width:76ch}
.explore-event-card:hover .event-external{opacity:1}
.explore-event-when,.explore-event-where{margin:var(--space-1) 0 0;font:400 14px/1.4 var(--font-body);color:var(--muted)}
.explore-event-note{margin:var(--space-1) 0 0;padding:0;background:none;font:400 14px/1.4 var(--font-body);color:var(--ink)}
/* Unavailable events stay readable, focusable organizer links. Dim color, not opacity. */
.explore-event-card.is-unavailable,.explore-event-card.is-unavailable .event-agenda-time,.explore-event-card.is-unavailable .explore-event-note{color:var(--muted)}
.event-availability{display:inline-block;margin:var(--space-1) 0 0;padding:2px var(--space-2);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--paper);color:var(--ink);font:600 12px/1.5 var(--font-body)}
.event-agenda-past{min-width:0;padding-top:var(--space-6);border-top:1px solid var(--line)}
.event-agenda-past-heading{margin:0 var(--space-2) var(--space-4);font:600 16px/1.4 var(--font-body);color:var(--muted)}
.event-agenda-past .event-agenda-heading{color:var(--muted)}
.events-see-all{display:block;width:100%;min-height:48px;margin-top:12px;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent;color:var(--ink);font:600 18px/1.2 var(--font-display)}
.events-see-all span{margin-left:8px}
.explore-neighborhood-dialog[data-event-picker] .neighborhood-option[data-neighborhood=all]{position:sticky;top:0;z-index:1;background:var(--surface-card);border-bottom:1px solid var(--border-card)}
.explore-neighborhood-dialog[data-event-picker] .neighborhood-option[data-neighborhood=all][aria-selected=true]{background:var(--neighborhood-selected)}
@media(min-width:721px){
 section.explore-events{padding:0 32px 32px}
 .events-filter-bar{min-height:56px;margin-bottom:12px}
 .events-filter-trigger{min-height:52px;font-size:28px}
 .event-agenda-heading{font-size:26px}
 .explore-event-card{display:grid;grid-template-columns:136px minmax(0,1fr);gap:var(--space-6);padding:var(--space-3) var(--space-2)}
 .event-agenda-time{position:relative;display:block;padding:var(--space-1) var(--space-4) 0 0;border:0;font-size:16px}
 .event-agenda-time::after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:var(--line);opacity:0;transform:scaleY(.85);transform-origin:center;transition:opacity .15s ease,transform .15s ease;pointer-events:none}
 .explore-event-card:focus-visible .event-agenda-time::after{opacity:1;transform:scaleY(1)}
 .explore-event-card:not(:last-child)::after{left:calc(var(--space-2) + 136px + var(--space-6));width:calc((100% - 136px - var(--space-6) - 2 * var(--space-2)) * .72)}
 .event-agenda-time:has(time:empty){display:block}
 .event-agenda-rows{min-width:0}
 .explore-event-title h3{font-size:24px}
 .explore-event-content{padding:0}
 .explore-event-when,.explore-event-where{font-size:14px}
 .explore-event-note{font-size:14px}
 .explore-event-summary{font-size:14px}
}

@media(hover:hover) and (min-width:721px){.explore-event-card:hover .event-agenda-time::after{opacity:1;transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.explore-event-card,.event-agenda-time::after{transition:none;transform:none}}

/* Footer prose stays together; links use the public theme instead of browser blue. */
.explore-experience .explore-footer a{color:var(--ink);font:inherit;font-weight:600;text-decoration:none;text-underline-offset:3px}
.explore-experience .explore-footer a:hover,.explore-experience .explore-footer a:focus-visible{text-decoration:underline}
.explore-footer-nav{display:inline-flex;align-items:baseline;gap:var(--space-3);white-space:nowrap}
section.explore-events .events-suggest-primary{display:block;min-height:48px;margin:var(--space-6) var(--space-2) 0;padding:var(--space-3) var(--space-6);font-size:16px}
@media(max-width:720px){section.explore-events .events-suggest-primary{width:calc(100% - 2 * var(--space-2))}}

.explore-experience .explore-footer>span:first-child{max-width:none}

/* The invitation floats inside the canvas-sized frame at every width. */
.explore-map-frame{position:relative}
.explore-map .explore-map-key{display:none}
.explore-map-frame>.map-viewport.has-selection+.neighborhood-invitation,
.explore-map-frame>.map-viewport.is-placing+.neighborhood-invitation{display:none}
.explore-experience main>footer .text-button{min-width:44px;min-height:44px;margin:0;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:720px){
 .explore-map .map-column{--explore-overlay-top:calc(var(--explore-neighborhood-height,100px) + var(--space-3));--explore-overlay-bottom:calc(var(--explore-overlay-top) + var(--explore-map-overlay-height,190px))}
 .explore-map #mapViewport{height:var(--explore-canvas-height);min-height:360px}
 .explore-map main>.map-legend{display:none}
 .explore-map .explore-map-key{position:absolute;z-index:16;top:var(--explore-overlay-top);right:var(--space-3);display:grid;gap:var(--space-1);width:max-content;max-width:calc(100% - 80px);margin:0;padding:var(--space-2);border:1px solid var(--border-card);border-radius:var(--radius-card);background:var(--surface-card);color:var(--ink);font-size:11px;line-height:1.3;pointer-events:none;cursor:default}
 .explore-map .explore-map-key li{gap:var(--space-2);min-width:0}
 .explore-map .explore-map-key svg{width:25px;height:27px}
 /* Keep the key and controls in separate columns below even a wrapped name. */
 .explore-map .map-controls{left:var(--space-3);right:auto;top:var(--explore-overlay-top)}
 .explore-map .locate-controls{left:var(--space-3);right:auto;top:calc(var(--explore-overlay-top) + 100px);align-items:start}
 .explore-map .location-feedback.quiet-location{left:68px;right:auto;top:calc(var(--explore-overlay-top) + 100px);max-width:calc(100% - 80px);text-align:left}
 .explore-map .map-hint{display:none}
 /* Overlay attribution instead of adding another full-width band. Its source
    links and Clear loop action stay intact, keyboard-accessible and tappable. */
 .explore-map .map-bottom{position:absolute;z-index:17;left:0;top:var(--explore-canvas-height);transform:translateY(-100%);max-width:100%;min-height:44px;padding:0 var(--space-2);gap:var(--space-2);border:1px solid var(--line);border-left:0;border-bottom:0;border-radius:0 8px 0 0;background:var(--surface-card);font-size:10px;touch-action:manipulation}
 .explore-map .map-bottom>span{display:flex;flex-wrap:wrap;align-items:center;gap:0 3px}
 .explore-map .map-bottom a,.explore-map .map-bottom button{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
 /* House details temporarily hide the key and zoom rail on phones. Native
    display:none also removes the rail from keyboard and accessibility order. */
 .explore-map #mapViewport{--explore-safe-top:env(safe-area-inset-top,0px);--explore-safe-bottom:env(safe-area-inset-bottom,0px)}
 .explore-map #mapViewport.has-selection .map-controls,
 .explore-map #mapViewport.has-selection .explore-map-key{display:none}
 .explore-map #mapViewport.has-selection .locate-controls{top:var(--explore-overlay-top);left:var(--space-3);right:auto;flex-direction:row;align-items:start}
 .explore-map #mapViewport.has-selection .location-feedback{left:var(--space-3);right:var(--space-3);top:calc(var(--explore-overlay-top) + var(--explore-locate-height,44px) + 6px);max-width:none;text-align:left}
 /* JS supplies this single content-driven budget to both the sheet and camera.
    Ordinary map sheets and cluster lists keep their existing sizing rules. */
 .explore-map #details{bottom:calc(var(--explore-attribution-height,44px) + var(--space-2));max-height:calc(100% - var(--explore-neighborhood-height,48px) - 150px);scroll-padding:var(--space-2)}
 .explore-map #clusterDetails{bottom:calc(var(--explore-attribution-height,44px) + var(--space-2))}
 .explore-map #clusterDetails #closeCluster{min-width:44px;min-height:44px}
 .explore-map #clusterDetails{max-height:min(max(64px,calc(var(--explore-clusterDetails-limit,60%) - var(--explore-attribution-height,44px))),calc(100% - var(--explore-overlay-bottom) - var(--explore-attribution-height,44px) - var(--space-5)))!important}
 .explore-map-frame>.neighborhood-invitation{position:absolute;left:50%;bottom:calc(var(--explore-attribution-height,45px) + var(--space-3));transform:translateX(-50%);width:min(380px,calc(100% - 2 * var(--space-3)));grid-template-columns:32px minmax(0,1fr);gap:var(--space-3);margin:0;padding:var(--space-4);background:var(--surface-card)}
 .explore-map-frame>.neighborhood-invitation h2{font-size:20px;line-height:1.25;padding-right:28px}
 .explore-map-frame>.neighborhood-invitation .button{min-height:48px;padding:var(--space-3) var(--space-4);font-size:15px;box-shadow:none}
 .explore-map-frame>.neighborhood-invitation .invitation-explore{margin:0;padding-block:0}
 .explore-map main>footer{justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-5)}
 .explore-map main>footer .creator-credit{max-width:none;width:100%;text-align:center;color:var(--muted);font-size:11px}
 .explore-map main>footer .footer-actions{justify-content:center;flex-wrap:wrap;gap:0 var(--space-4);margin:0}
 .explore-map main>footer .footer-actions .text-button{font-size:11px}
}

/* Layout display rules must never reveal unavailable utility actions. */
.explore-map .map-bottom [hidden],.explore-experience main>footer [hidden]{display:none!important}

/* Explore-only quiet icon-and-text utilities with full touch targets. */
.explore-map #details .scare{border-top-color:transparent}
.explore-map #details .card-report .share-house,.explore-map #details .card-report .report-house{justify-content:center;gap:6px;flex:none;width:auto;min-width:44px;min-height:44px;margin:0;padding:0 var(--space-1);border-radius:var(--radius-control);font-size:12px;text-decoration:none;color:var(--ink)}
.explore-map #details .card-report .share-house svg,.explore-map #details .card-report .report-house svg{display:block;flex:none;width:18px;height:18px}

/* Address text is the native Directions link; its underline remains visible on touch.
   Symmetric padding centers the first 1.15em line with the 44px header controls.
   Border-box keeps a one-line target at 44px; extra lines grow downward rather
   than centering the whole multiline address. Clamp padding for enlarged text.
   Center the 18px arrow on that first line, raised 1px optically. */
.explore-map #details .address-directions{display:inline-flex;align-items:flex-start;gap:6px;max-width:100%;min-height:44px;padding-block:max(0px,calc((44px - 1.15em)/2));color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.explore-map #details .address-directions span{min-width:0;overflow-wrap:anywhere}
.explore-map #details .address-directions svg{flex:none;align-self:flex-start;margin-block-start:calc(.575em - 10px)}
.explore-map #details .address-directions:hover{text-decoration-thickness:2px}
.explore-map #details .address-directions:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:2px;border-radius:var(--radius-control)}
/* Pagination already reserves 28px, including loading/single-photo states.
   Keep it stable and remove only redundant space before the footer. */
.explore-map #details>.photo-gallery{margin-bottom:0}
.explore-map #details .card-report{justify-content:flex-end;margin-top:var(--space-1);padding-top:0;border-top:0;gap:var(--space-2)}

/* Address and controls share one desktop header when the full address fits.
   Otherwise wrap-reverse keeps the controls top-right and the address on a full
   row below. Intrinsic control width handles large heart counts and Retry hearts. */
.explore-map #details .address-card-top{display:flex;flex-flow:row wrap-reverse;align-items:start;gap:var(--space-1) var(--space-2)}
.explore-map #details .address-card-top>.card-heading{flex:1 1 max-content;min-width:0;max-width:100%;margin:0;color:var(--ink)}
.explore-map #details .address-card-top h2{padding-right:0}
.explore-map #details .card-header-actions{display:flex;align-items:start;flex:none;gap:var(--space-2);margin-left:auto}
.explore-map #details .card-header-actions>.heart-row{position:relative;margin:0;gap:0}
.explore-map #details .card-header-actions>.sheet-actions{margin:0}

/* A theme follows the common header and can use the full card content width.
   Short labels hug their text; long names retain the two-line disclosure. */
.explore-map #details #exploreTheme{width:fit-content;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;letter-spacing:normal;transform:none;line-height:1.2;text-align:left}
.explore-map #details #exploreTheme .theme-name{display:block}
.explore-map #details button#exploreTheme{width:fit-content;min-width:44px;min-height:44px;cursor:pointer;appearance:none}
.explore-map #details #exploreTheme.theme-collapsed .theme-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.explore-map #details button#exploreTheme:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:2px}

/* Address retains its 44px target; remove redundant pre-link header spacing. */
.explore-map #details h2{margin-bottom:0}
.explore-map #details .scare{border-top:0;padding-top:4px}

/* Explore wrappers have no desktop box; the floating card keeps its existing
   geometry, order and gallery controls. Mobile alone becomes an anchored sheet. */
.explore-detail-header,.explore-detail-body,.explore-detail-footer{display:contents}
.explore-map #details .explore-detail-body>.photo-gallery{margin-bottom:0}
@media(max-width:720px){
 .explore-map .explore-neighborhood-tab{position:relative;top:auto;left:auto;width:100%;max-width:none;min-height:44px;padding:0;background:var(--cream)}
 .explore-map .explore-neighborhood-tab::after{display:none}
 .explore-map .map-toolbar{padding:0 12px;min-height:44px}
 .explore-map .neighborhood-picker{width:100%}
 .explore-map .neighborhood-trigger{min-height:44px;padding:4px 0;font-size:18px;line-height:1.25}
 .explore-map .map-column{--explore-overlay-top:12px;--explore-overlay-bottom:calc(12px + var(--explore-map-overlay-height,188px));overflow-anchor:none}
 .explore-map #mapViewport{height:var(--explore-canvas-height,calc(100svh - var(--explore-map-top,154px)));min-height:320px;overflow-anchor:none}
 .explore-map .map-bottom{top:calc(var(--explore-neighborhood-height,44px) + var(--explore-canvas-height,calc(100svh - var(--explore-map-top,154px))) - var(--explore-sheet-height,0px));max-width:100%;min-height:44px;padding:0 6px;gap:6px;line-height:1.3;border-radius:0 5px 0 0}
 /* Collapse only the existing bar, without relocating it into the house pane.
    Its full credit and licence remain in the reachable About dialog. */
 .explore-map .map-column.house-credit-collapsed .map-bottom{display:none}
 .explore-map .map-bottom a,.explore-map .map-bottom button{min-height:44px;min-width:44px}
 .explore-map .map-bottom #clearRoute:not([hidden]){min-height:44px}
 .explore-map #details{display:flex;flex-direction:column;left:0;right:0;bottom:0;width:100%;max-width:none;min-height:0;max-height:70%;padding:8px 12px max(8px,env(safe-area-inset-bottom,0px));border:1px solid var(--ink);border-bottom:0;border-radius:16px 16px 0 0;background:var(--surface-card);box-shadow:none;overflow:hidden;overscroll-behavior:contain;overflow-anchor:none;scroll-padding:0}
 .explore-map #details .explore-detail-header{display:block;flex:none;min-width:0}
 .explore-map #details .address-card-top{flex-flow:row nowrap;gap:8px;align-items:start}
 .explore-map #details .address-card-top>.card-heading{flex:1 1 0;min-width:0;max-height:var(--explore-heading-limit,min(120px,25dvh));overflow-y:auto;scrollbar-width:thin}
 .explore-map #details .card-header-actions{gap:4px}
 .explore-map #details .card-header-actions .heart-row button{padding-inline:4px;min-width:44px}
 .explore-map #details .card-header-actions .sheet-actions{margin:0}
 .explore-map #details .explore-detail-body{display:block;flex:0 1 auto;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding:8px;scrollbar-width:thin}
 .explore-map #details #exploreTheme{margin:4px 0 8px;max-width:100%}
 .explore-map #details #exploreTheme.theme-collapsed .theme-name{display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset}
 .explore-map #details .scare{padding:4px 0 6px}
 .explore-map #details .tags{padding-bottom:4px}
 .explore-map #details .explore-detail-body>.photo-gallery{margin:8px 0 0}
 .explore-map #details #displayPhotos.photo-gallery:not(.photo-gallery-large) .photo-frame{width:100%;height:auto;aspect-ratio:4/3;min-height:0;max-height:none}
 .explore-map #displayPhotos .photo-controls{height:44px}
 .explore-map #displayPhotos .photo-controls button,.explore-map .photo-gallery-large .photo-controls button{width:44px;height:44px;min-width:44px;min-height:44px}
 .explore-map #details .explore-detail-footer{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 8px;min-width:0;margin-top:4px;background:var(--surface-card)}
 .explore-map #details #explorePhotoAction{display:flex;align-items:center;flex:0 1 auto;min-width:0;margin-right:auto}
 .explore-map #details #explorePhotoAction[hidden]{display:none}
 .explore-map #details #explorePhotoAction .photo-contribute-action{padding:0;gap:6px;min-height:44px;font-size:12px;background:transparent;color:var(--ink)}
 .explore-map #details #explorePhotoAction .photo-contribute-action svg{width:18px;height:18px}
 .explore-map #details #explorePhotoAction .photo-contribute-label{text-decoration:none}
 .explore-map #details .card-report{flex:none;gap:4px;margin:0 0 0 auto;padding:0}
 .explore-map #details .card-report .share-house,.explore-map #details .card-report .report-house{gap:4px;padding-inline:2px}
 .explore-map #details .explore-detail-footer>.share-status,.explore-map #details .explore-detail-footer>.share-link{flex-basis:100%;max-width:100%;margin:4px 0 0}
 .explore-map #details .explore-detail-footer>.share-status{max-height:60px;overflow:auto}
 .explore-map #details .photo-contribution-empty[hidden]{display:none}
}

/* Approved neighborhood hierarchy: preserve the canonical proper-name casing,
   DM Sans and readable plum; the complete group is one target. */
.explore-map .neighborhood-trigger{width:max-content;max-width:100%;min-height:44px;gap:var(--space-2);color:var(--neighborhood-accent);font-family:var(--font-body);font-weight:600;font-size:24px;text-transform:none;letter-spacing:normal}
.explore-map .neighborhood-trigger>svg{color:var(--neighborhood-accent);stroke:currentColor}
.explore-map .neighborhood-trigger>.explore-neighborhood-pin{width:20px;height:24px;stroke:var(--neighborhood-accent);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none;transform:none;transition:none}
.explore-map .neighborhood-trigger[aria-expanded=true]>.explore-neighborhood-pin{transform:none}
@media(min-width:721px){
 .explore-map .explore-header{padding-bottom:var(--space-1)}
 .explore-map .neighborhood-trigger{gap:var(--space-2);min-height:44px}
 .explore-map .explore-neighborhood-tab{padding-bottom:var(--space-1)}
}
@media(max-width:720px){
 .explore-map .explore-navigation{margin-top:0}
 .explore-map .neighborhood-trigger{padding-block:0}
}

/* Restore the original paper-edge swoop on phones. The tab is an overlay again;
   canvas height keeps the stable small-viewport and measured sheet budget. */
@media(max-width:720px){
 .explore-map .explore-neighborhood-tab{position:absolute;top:0;left:0;width:max-content;max-width:calc(100% - 64px);padding:0 var(--space-2) 0 0}
 .explore-map .explore-neighborhood-tab::after{display:block}
 .explore-map .map-column{--explore-overlay-top:calc(var(--explore-neighborhood-height,44px) + var(--space-3));--explore-overlay-bottom:calc(var(--explore-overlay-top) + var(--explore-map-overlay-height,188px))}
 .explore-map .map-bottom{top:calc(var(--explore-canvas-height,calc(100svh - var(--explore-map-top,110px))) - var(--explore-sheet-height,0px))}
}
@media(max-width:350px){.explore-map .explore-neighborhood-tab{max-width:calc(100% - 48px)}}
/* Name-only neighborhoods use existing controls, never a fabricated map. */
.directory-neighborhood{max-width:720px;margin:var(--space-5) auto;padding:0 var(--space-4)}
.directory-neighborhood>.neighborhood-trigger{width:100%}
.directory-state{text-align:center;padding:clamp(40px,10vh,100px) var(--space-4);border:1px solid var(--border-card);border-radius:var(--radius-control);background:var(--surface-card);margin-top:var(--space-4)}
.directory-state h1{font-family:var(--font-display);font-size:clamp(24px,5vw,36px);margin:0 0 var(--space-3)}
.directory-state p{color:var(--muted);margin-bottom:var(--space-5)}
.directory-state [hidden]{display:none!important}