/* The island is a separate page; every selector is scoped to its own root. */
.explore-page {--ex-ink: #173d35;--ex-muted: #52695e;--ex-green: #214c43;--ex-paper: #f5f8f7;--ex-wash: #e5ede9;--ex-line: #b8cabf;--ex-orange: #a8432b;max-width: 1600px;margin: 0 auto;padding: 56px var(--gutter, 24px) 80px;color: var(--ex-ink);}
.explore-page button {min-width: 44px;min-height: 44px;border-radius: 0;font: inherit;}
.explore-page button:focus-visible,.explore-page summary:focus-visible,.explore-page [data-explore-map]:focus-visible {outline: 3px solid var(--ex-orange);outline-offset: 5px;}
.explore-page .explore-kicker {font: 12px/1.6 var(--utility, ui-monospace, monospace);letter-spacing: .1em;}
.explore-page .explore-intro {display: flex;align-items: end;justify-content: space-between;gap: 40px;margin-bottom: 40px;}
.explore-page .explore-intro h1 {font: 600 clamp(44px,5.4vw,78px)/1.22 var(--editorial, serif);letter-spacing: -.03em;margin-top: 14px;}
.explore-page .explore-deck {font-size: 16px;line-height: 1.85;color: var(--ex-muted);padding-bottom: 4px;max-width: 440px;}
.explore-page .explore-directions {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));border-top: 1px solid var(--ex-line);border-bottom: 1px solid var(--ex-line);margin-bottom: 32px;}
.explore-page .explore-directions button {display: flex;align-items: center;gap: 16px;text-align: left;padding: 18px 24px;background: transparent;color: var(--ex-ink);border-right: 1px solid var(--ex-line);transition: background-color 180ms ease,color 180ms ease;}
.explore-page .explore-directions button:last-child {border-right: 0;}
.explore-page .explore-directions button>span {font: 12px var(--utility, ui-monospace, monospace);}
.explore-page .explore-directions strong {font-size: 20px;font-weight: 600;}
.explore-page .explore-directions i {font-style: normal;font-size: 22px;margin-left: auto;}
.explore-page .explore-directions button[aria-pressed="true"] {background: var(--ex-green);color: #fff;}
.explore-page .explore-directions button:hover:not([aria-pressed="true"]) {background: var(--ex-wash);}
.explore-page .explore-workbench {display: grid;grid-template-columns: minmax(0,1fr) 280px;gap: 36px;align-items: start;}
.explore-page .explore-map-column {min-width: 0;}
.explore-page .explore-map-topline {display: flex;justify-content: space-between;gap: 16px;font: 11px/1.6 var(--utility, ui-monospace, monospace);letter-spacing: .04em;padding-bottom: 12px;}
.explore-page .explore-map-topline>span:last-child {font: 12px/1.6 var(--sans, sans-serif);letter-spacing: 0;}
.explore-page .explore-map {position: relative;width: 100%;height: clamp(460px,44vw,650px);overflow: hidden;background: #dcebe5;cursor: grab;touch-action: pan-y pinch-zoom;isolation: isolate;border: 1px solid var(--ex-line);}
.explore-page .explore-map::before {content: "";position: absolute;inset: 0;pointer-events: none;background-image: linear-gradient(rgb(33 76 67 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(33 76 67 / 5%) 1px,transparent 1px);background-size: 44px 44px;z-index: -1;}
.explore-page .explore-map.explore-touch-pan {touch-action: none;box-shadow: inset 0 0 0 3px var(--ex-green);}
.explore-page.explore-is-dragging .explore-map {cursor: grabbing;}
.explore-page.explore-is-dragging .explore-landmark {cursor: grabbing;}
.explore-page .explore-map-art {display: block;width: 100%;height: 100%;user-select: none;-webkit-user-select: none;}
.explore-page .explore-map-shadow {fill: rgb(23 61 53 / 15%);filter: blur(16px);}
.explore-page .explore-map-edge {fill: #91a69b;stroke: #829a8a;stroke-width: 1;}
.explore-page .explore-map-sheet {fill: #f0f5e8;stroke: #799b87;stroke-width: 1;}
.explore-page .explore-map-fold {fill: none;stroke: rgb(23 61 53 / 14%);stroke-width: 1.5;stroke-dasharray: 5 9;}
.explore-page .explore-route {fill: none;stroke-width: 4.5;stroke-linecap: round;stroke-dasharray: 2 13;opacity: .6;animation: explore-route-flow 14s linear infinite;animation-play-state: paused;}
.explore-page .explore-route--outdoor {stroke: #42653a;}
.explore-page .explore-route--salon {stroke: #176674;}
.explore-page .explore-route--public {stroke: #a8432b;}
.explore-page .explore-signal {fill: #f5f8e9;stroke: #214c43;stroke-width: 2;}
.explore-page .explore-signal--salon {fill: #91c9cc;}
.explore-page .explore-signal--public {fill: #e5b481;}
.explore-page .explore-boat {fill: #f7f8e9;stroke: #214c43;stroke-width: 2;}
.explore-page[data-explore-mode="outdoor"] .explore-route:not(.explore-route--outdoor),.explore-page[data-explore-mode="salon"] .explore-route:not(.explore-route--salon),.explore-page[data-explore-mode="public"] .explore-route:not(.explore-route--public) {opacity: .16;}
.explore-page .explore-landmark {cursor: pointer;filter: drop-shadow(0 9px 5px rgb(23 61 53 / 20%));transition: opacity 220ms ease,filter 220ms ease;}
.explore-page .explore-landmark:hover {filter: drop-shadow(0 12px 7px rgb(23 61 53 / 30%));}
.explore-page .explore-landmark-figure {transform: translate(var(--explore-shift-x,0),var(--explore-shift-y,0));transition: transform 280ms ease;}
.explore-page .explore-anchor {fill: #a8432b;stroke: #fff;stroke-width: 2;}
.explore-page .explore-leader {fill: none;stroke: #214c43;stroke-width: 1.5;stroke-dasharray: 3 5;}
.explore-page .explore-map-label {fill: #173d35;font: 600 15px var(--sans, sans-serif);paint-order: stroke;stroke: #f5f8ed;stroke-width: 5;stroke-linejoin: round;}
.explore-page[data-explore-mode="outdoor"] .explore-landmark:not([data-explore-kind="outdoor"]),.explore-page[data-explore-mode="salon"] .explore-landmark:not([data-explore-kind="salon"]),.explore-page[data-explore-mode="public"] .explore-landmark:not([data-explore-kind="public"]) {opacity: .35;}
.explore-page .explore-landmark[data-explore-selected="true"] {opacity: 1;filter: drop-shadow(0 12px 7px rgb(23 61 53 / 34%));}
.explore-page .explore-landmark[data-explore-selected="true"] .explore-anchor {r: 11;fill: #f5f8e9;stroke: #a8432b;stroke-width: 4;}
.explore-page .explore-cursor {fill: none;stroke: #214c43;stroke-width: 1;opacity: 0;pointer-events: none;transition: opacity 220ms ease;}
.explore-page .explore-cursor ellipse:nth-child(n+3) {opacity: .6;}
.explore-page.explore-has-pointer[data-explore-playing="true"] .explore-cursor {opacity: .3;}
.explore-page .explore-map-north {position: absolute;left: 20px;top: 20px;font: 12px/1 var(--utility, ui-monospace, monospace);display: flex;flex-direction: column;align-items: center;gap: 5px;pointer-events: none;}
.explore-page .explore-map-north>span {font: 30px/1 var(--sans, sans-serif);}
.explore-page .explore-map-tools {position: absolute;right: 16px;bottom: 16px;display: flex;gap: 4px;padding: 4px;background: #f5f8f7;border: 1px solid var(--ex-line);}
.explore-page .explore-map-tools button {display: grid;place-items: center;width: 44px;height: 44px;padding: 0;background: #fff;color: var(--ex-ink);font-size: 26px;line-height: 1;}
.explore-page .explore-map-tools button:hover {background: var(--ex-wash);}
.explore-page .explore-scale {position: absolute;left: 20px;bottom: 22px;font: 12px/1.5 var(--utility, ui-monospace, monospace);padding: 5px 9px;background: var(--ex-paper);pointer-events: none;}
.explore-page .explore-gesture-row {display: flex;align-items: center;gap: 18px;padding-top: 14px;}
.explore-page .explore-pan-toggle {flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;gap: 8px;border: 1px solid var(--ex-green);padding: 0 14px;background: transparent;color: var(--ex-ink);font-size: 13px;}
.explore-page .explore-pan-toggle[aria-pressed="true"] {background: var(--ex-green);color: #fff;}
.explore-page .explore-gesture-row>p {font-size: 13px;line-height: 1.7;color: var(--ex-muted);max-width: 560px;}
.explore-page .explore-map-footer {display: flex;align-items: center;justify-content: space-between;gap: 20px;margin-top: 16px;padding-top: 16px;border-top: 1px solid var(--ex-line);}
.explore-page .explore-map-footer p {font-size: 11px;line-height: 1.6;color: var(--ex-muted);}
.explore-page .explore-map-footer img {display: block;width: 137px;height: 30px;object-fit: contain;flex: 0 0 auto;}
.explore-page .explore-reading {padding-top: 29px;}
.explore-page .explore-reading .explore-kicker {font-size: 11px;color: var(--ex-muted);}
.explore-page .explore-reading h2 {font: 600 29px/1.48 var(--editorial, serif);letter-spacing: -.02em;margin: 16px 0 20px;text-wrap: balance;}
.explore-page .explore-description {font-size: 15px;line-height: 1.85;color: var(--ex-muted);}
.explore-page .explore-selected {margin-top: 28px;padding: 20px 0;border-top: 1px solid var(--ex-line);border-bottom: 1px solid var(--ex-line);}
.explore-page .explore-selected>span {display: block;font-size: 12px;color: var(--ex-muted);margin-bottom: 8px;}
.explore-page .explore-selected strong {display: block;font-size: 18px;line-height: 1.6;font-weight: 600;}
.explore-page .explore-selected p {font-size: 12px;line-height: 1.8;color: var(--ex-muted);margin-top: 6px;overflow-wrap: anywhere;}
.explore-page .explore-pan-controls {margin-top: 20px;}
.explore-page .explore-pan-controls>span {font-size: 12px;color: var(--ex-muted);}
.explore-page .explore-pan-controls>div {display: flex;gap: 8px;margin-top: 8px;}
.explore-page .explore-pan-controls button {padding: 0;width: 44px;height: 44px;background: transparent;border: 1px solid var(--ex-line);font-size: 20px;}
.explore-page .explore-pan-controls button:hover {background: var(--ex-wash);}
.explore-page .explore-motion-toggle {display: flex;align-items: center;gap: 12px;padding: 8px 0;background: transparent;margin-top: 14px;text-align: left;font-size: 13px;}
.explore-page .explore-motion-toggle>span:first-child {display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;border: 1px solid var(--ex-line);font: 12px var(--sans, sans-serif);}
.explore-page .explore-motion-toggle:disabled {color: var(--ex-muted);cursor: default;}
.explore-page .explore-keyboard {font-size: 13px;line-height: 1.8;color: var(--ex-muted);}
.explore-page .explore-keyboard summary {min-height: 44px;display: flex;align-items: center;gap: 8px;cursor: pointer;}
.explore-page .explore-keyboard summary::before {content: "+";font: 20px var(--sans, sans-serif);}
.explore-page .explore-keyboard[open] summary::before {content: "−";}
.explore-page .explore-keyboard p {padding-bottom: 16px;font-size: 13px;line-height: 1.8;}
.explore-page .explore-place-index {margin-top: 72px;padding-top: 32px;border-top: 1px solid var(--ex-line);}
.explore-page .explore-index-heading {display: flex;justify-content: space-between;align-items: end;gap: 32px;margin-bottom: 28px;}
.explore-page .explore-index-heading h2 {font: 600 clamp(25px,2.4vw,36px)/1.5 var(--editorial, serif);margin-top: 10px;text-wrap: balance;}
.explore-page .explore-index-heading>p {font-size: 13px;color: var(--ex-muted);line-height: 1.8;}
.explore-page .explore-places {display: grid;grid-template-columns: repeat(3,minmax(0,1fr));column-gap: 32px;}
.explore-page .explore-places button {display: flex;align-items: center;gap: 16px;padding: 16px 0;background: transparent;text-align: left;border-bottom: 1px solid var(--ex-line);color: var(--ex-ink);}
.explore-page .explore-places button>span {font: 12px/1.4 var(--utility, ui-monospace, monospace);color: var(--ex-muted);}
.explore-page .explore-places strong {font-size: 15px;line-height: 1.65;font-weight: 500;}
.explore-page .explore-places i {font-style: normal;margin-left: auto;font-size: 20px;}
.explore-page .explore-places button:hover strong,.explore-page .explore-places button[aria-pressed="true"] strong {text-decoration: underline;text-underline-offset: 5px;}
.explore-page .explore-places button[aria-pressed="true"]>span {color: var(--ex-orange);}
.explore-page .explore-boundary {max-width: 900px;margin-top: 40px;font-size: 13px;line-height: 1.85;color: var(--ex-muted);}
.explore-page[data-explore-playing="true"] .explore-route {animation-play-state: running;}
@keyframes explore-route-flow {to {stroke-dashoffset: -150;}}
@media (max-width: 1100px) {
  .explore-page .explore-workbench {grid-template-columns: minmax(0,1fr) 240px;gap: 24px;}
  .explore-page .explore-map {height: 520px;}
  .explore-page .explore-reading h2 {font-size: 26px;}
  .explore-page .explore-directions button {padding: 16px 18px;gap: 12px;}
  .explore-page .explore-places {column-gap: 24px;grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width: 800px) {
  .explore-page {padding-top: 40px;}
  .explore-page .explore-intro {gap: 24px;align-items: start;}
  .explore-page .explore-deck {font-size: 14px;max-width: 330px;padding-top: 8px;}
  .explore-page .explore-workbench {grid-template-columns: minmax(0,1fr);gap: 32px;}
  .explore-page .explore-map {height: 480px;}
  .explore-page .explore-reading {display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);column-gap: 32px;padding-top: 0;}
  .explore-page .explore-reading>.explore-kicker,.explore-page .explore-reading>h2,.explore-page .explore-reading>.explore-description {grid-column: 1;}
  .explore-page .explore-reading>.explore-selected {grid-column: 2;grid-row: 1/4;margin-top: 0;align-self: start;}
  .explore-page .explore-pan-controls {grid-column: 1;}
  .explore-page .explore-motion-toggle,.explore-page .explore-keyboard {grid-column: 2;}
  .explore-page .explore-motion-toggle {grid-row: 4;align-self: end;}
  .explore-page .explore-keyboard {grid-row: 5;}
  .explore-page .explore-place-index {margin-top: 48px;}
}
@media (max-width: 520px) {
  .explore-page {padding: 32px var(--gutter,24px) 56px;}
  .explore-page .explore-intro {display: block;margin-bottom: 28px;}
  .explore-page .explore-intro h1 {font-size: 46px;margin-top: 10px;}
  .explore-page .explore-deck {padding-top: 18px;font-size: 15px;}
  .explore-page .explore-directions {margin-bottom: 24px;}
  .explore-page .explore-directions button {display: grid;grid-template-columns: 1fr;gap: 5px;padding: 12px 10px;justify-items: start;}
  .explore-page .explore-directions strong {font-size: 17px;}
  .explore-page .explore-directions i {display: none;}
  .explore-page .explore-map {height: 360px;}
  .explore-page .explore-map-north {left: 14px;top: 14px;}
  .explore-page .explore-map-tools {right: 10px;bottom: 12px;}
  .explore-page .explore-scale {left: 12px;bottom: 17px;padding: 4px 6px;}
  .explore-page .explore-gesture-row {display: block;}
  .explore-page .explore-pan-toggle {margin-bottom: 10px;}
  .explore-page .explore-gesture-row>p {font-size: 13px;}
  .explore-page .explore-map-footer {gap: 12px;}
  .explore-page .explore-map-footer p {max-width: 160px;}
  .explore-page .explore-map-footer img {width: 118px;height: 26px;}
  .explore-page .explore-reading {display: block;}
  .explore-page .explore-reading h2 {font-size: 28px;max-width: 310px;margin: 12px 0 16px;}
  .explore-page .explore-description {font-size: 16px;}
  .explore-page .explore-selected {margin-top: 24px;}
  .explore-page .explore-motion-toggle {margin-top: 14px;}
  .explore-page .explore-index-heading {display: block;}
  .explore-page .explore-index-heading>p {margin-top: 16px;}
  .explore-page .explore-places {grid-template-columns: minmax(0,1fr);}
  .explore-page .explore-places strong {font-size: 16px;}
  .explore-page .explore-boundary {font-size: 13px;}
}
@media (prefers-reduced-motion: reduce) {
  .explore-page *,.explore-page *::before,.explore-page *::after {animation: none!important;transition: none!important;}
  .explore-page .explore-landmark-figure {transform: none;}
  .explore-page .explore-cursor {display: none;}
}
.explore-page[data-explore-reduced="true"] .explore-landmark-figure {transform: none;}