/* A quiet, self-contained island atlas. Marker colours are repeated in text labels. */
.island-explorer{max-width:1560px;margin:auto;padding:0 40px 38px}
.map-heading{padding:20px 0 29px}.map-heading .breadcrumbs{padding:0;margin:0 0 25px;font-size:11px}.map-heading>div{display:flex;align-items:end;justify-content:space-between;gap:25px}.map-heading .eyebrow{font-size:10px;margin-bottom:12px}.map-heading h1{font-size:clamp(40px,4.3vw,62px);line-height:1.05;margin-bottom:13px}.map-heading p{font-size:14px;color:var(--muted);margin:0}.map-mobile-break{display:none}.map-planner-link{white-space:nowrap;margin-bottom:2px;font-size:12px}
.map-legend{display:flex;align-items:center;flex-wrap:wrap;gap:5px 22px;border-top:1px solid var(--line);padding:12px 0}.map-legend-title{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);margin-right:8px}.map-filter{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 0;background:none;font-size:12px;font-weight:500;color:var(--ink);transition:opacity .18s}.map-category-dot{width:12px;height:12px;background:var(--category);border-radius:50%;display:inline-block;flex:none}.map-filter-count{font-size:10px;color:var(--muted);margin-left:1px}.map-filter[aria-pressed=false]{color:var(--muted)}.map-filter[aria-pressed=false] .map-category-dot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--category)}.map-filter[aria-pressed=false] .map-filter-count{text-decoration:line-through}.map-filter:hover{text-decoration:underline;text-underline-offset:5px}.map-show-all{background:none;font-size:11px;color:var(--accent);padding:8px 0;min-height:42px;margin-left:auto;text-decoration:underline;text-underline-offset:4px}
.map-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:640px;border-block:1px solid var(--line)}
.map-canvas{background:#e9efec;position:relative;min-height:640px;overflow:hidden;touch-action:pan-y;isolation:isolate}.map-geography{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-land path{fill:#f4f1e3;stroke:#94a28b;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round}.map-town-labels text{font:500 12px var(--sans);fill:#4e5d50;paint-order:stroke;stroke:#f4f1e3;stroke-width:4px;stroke-linejoin:round}.map-island-label{font:500 11px var(--sans);letter-spacing:6px;fill:#858c73;opacity:.8}.map-sea-label{font:italic 25px var(--serif);letter-spacing:5px;fill:#8daba9}.map-terrain{transform-origin:0 0}.map-north{position:absolute;left:25px;top:24px;display:grid;justify-items:center;font-size:10px;gap:5px;color:#64776d;pointer-events:none}.map-north svg{width:15px;height:33px;stroke:currentColor;stroke-width:1;fill:none}.map-north svg path{fill:#64776d}.map-canvas.is-zoomed{cursor:grab;touch-action:none}.map-canvas.is-zoomed:active{cursor:grabbing}.map-nodes{position:absolute;inset:0;pointer-events:none}.map-node{position:absolute;width:44px;height:44px;border:0;border-radius:50%;padding:0;display:grid;place-items:center;background:transparent;transform:translate(-50%,-50%);pointer-events:auto;z-index:2}.map-single-dot{width:22px;height:22px;background:var(--node-color);border:3px solid #fff;border-radius:50%;box-shadow:0 1px 4px #343a3228;transition:transform .16s}.map-cluster-ring{display:grid;place-items:center;background:var(--node-ring);width:42px;height:42px;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 5px #102c4030;transition:transform .16s}.map-cluster-ring>span{display:grid;place-items:center;border-radius:50%;background:#fffdf7;color:var(--ink);width:27px;height:27px;font-size:14px;font-weight:700}.map-node:hover,.map-node:focus-visible{z-index:4}.map-node:hover>span,.map-node:focus-visible>span{transform:scale(1.14)}.map-node.is-selected:before{position:absolute;inset:1px;border:1px solid #343a32;border-radius:50%;content:''}.map-node:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.map-tooltip{position:absolute;z-index:6;max-width:calc(100% - 16px);background:var(--ink);color:var(--white);padding:10px 13px;border-radius:3px;box-shadow:0 4px 14px #343a321a;pointer-events:none;font-size:12px;line-height:1.5}.map-tooltip strong,.map-tooltip span{display:block}.map-tooltip strong{font-size:12px;font-weight:500}.map-tooltip span{color:#d6ddce;font-size:10px;margin-top:3px}.map-controls{position:absolute;right:20px;bottom:55px;display:flex;flex-direction:column;background:var(--white);border:1px solid #bfcabb;border-radius:3px;z-index:5;overflow:hidden}.map-controls button{width:40px;height:40px;background:transparent;font-size:21px;line-height:1;color:var(--ink)}.map-controls button+button{border-top:1px solid #dce1d5}.map-controls button:last-child{font-size:20px}.map-controls button:hover{background:var(--soft)}.map-controls button:focus-visible{outline-offset:-4px}.map-canvas-bottom{position:absolute;bottom:16px;left:24px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#536a5d;pointer-events:none}.map-canvas-bottom a{pointer-events:auto;font-size:9px}.map-empty{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#e9efecbf;z-index:5}.map-empty p{font:30px var(--serif);margin-bottom:15px}
.map-inspector{background:var(--white);border-left:1px solid var(--line);min-width:0;max-height:760px;overflow:auto;scrollbar-width:thin}.map-inspector-content{padding:29px 25px 27px}.map-inspector .eyebrow{font-size:9px;margin:1px 0 14px}.map-inspector h2{font-size:38px;line-height:1.04;margin-bottom:23px}.map-inspector h2:focus{outline:none}.map-welcome-image,.map-detail-image{width:100%;aspect-ratio:1.45;object-fit:cover}.map-inspector p{font-size:13px;line-height:1.8;color:#59604f}.map-inspector .map-photo-caption{font-size:9px;line-height:1.7;color:var(--muted);margin:9px 0 21px}.map-how{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:15px 10px;border-block:1px solid var(--line);padding:20px 0;margin:24px 0;font-size:11px}.map-example-dot{width:16px;height:16px;background:#138647;border-radius:50%;justify-self:center;box-shadow:0 0 0 3px #ecf0e6}.map-example-cluster{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;border:4px solid #bd7900;font-size:11px;justify-self:center}.map-inspector .map-inspector-foot{font-size:11px}.map-panel-top{display:flex;align-items:center;justify-content:space-between;margin:-10px 0 20px}.map-back{background:transparent;color:var(--muted);font-size:11px;padding:8px 0;min-height:36px}.map-back:hover{text-decoration:underline}.map-close{font-size:23px;background:none;width:36px;height:36px;color:var(--muted)}.map-detail-category{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted);margin:0 0 12px;line-height:1.6}.map-detail-category .map-category-dot{width:7px;height:7px}.map-detail-description{margin-bottom:24px}.map-inspector .text-link{font-size:12px}.map-inspector .map-location-note{font-size:11px;border-left:2px solid var(--line);padding-left:12px;line-height:1.7}.map-booking{border-top:1px solid var(--line);margin-top:27px;padding-top:20px}.map-booking>span{font-size:9px;color:var(--accent)}.map-booking p{font-size:11px;margin:10px 0 15px}.map-booking .button{width:100%;font-size:11px;gap:12px}.map-inspector .map-collection-intro{font-size:12px;margin:-8px 0 15px}.map-collection-list button{display:grid;grid-template-columns:9px 1fr 12px;text-align:left;align-items:center;gap:12px;background:none;width:100%;padding:15px 0;border-top:1px solid var(--line);color:var(--ink)}.map-collection-list strong{display:block;font-size:13px;font-weight:500;line-height:1.5}.map-collection-list small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.map-collection-list button>span:last-child{font-size:14px;color:var(--muted)}.map-collection-list button:hover strong{color:var(--accent)}.map-area-button{width:100%;background:#edf0e6;margin-top:20px;padding:13px 14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--ink);min-height:44px}
.map-notes{display:flex;justify-content:space-between;gap:30px;padding:14px 0 22px;border-bottom:1px solid var(--line)}.map-notes p{font-size:10px;color:var(--muted);margin:0;max-width:550px;line-height:1.8}.map-directory{padding:0 0 5px}.map-directory>summary{padding:21px 0;cursor:pointer;font-size:14px;list-style:none;display:flex;align-items:center;gap:15px;min-height:60px}.map-directory>summary:before{content:'＋';font-size:19px;font-weight:300}.map-directory[open]>summary:before{content:'−'}.map-directory>summary>span{font-size:10px;color:var(--muted);margin-left:auto}.map-directory>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 45px;padding:20px 0 30px}.map-directory h2{display:flex;gap:9px;align-items:center;font:500 13px var(--sans);letter-spacing:0;margin-bottom:15px}.map-directory ul{list-style:none;margin:0;padding:0}.map-directory li{padding:10px 0;border-bottom:1px solid var(--line)}.map-directory li>a{display:flex;justify-content:space-between;text-decoration:none;font-size:12px}.map-directory li>a:hover{text-decoration:underline}.map-directory li>span{font-size:10px;color:var(--muted)}.map-directory li>.map-directory-booking{font-size:10px;text-decoration:underline;margin-top:6px;color:var(--accent)}.map-affiliate-note{font-size:10px;color:var(--muted);padding-top:15px;margin:0;border-top:1px solid var(--line);line-height:1.8}.map-noscript{font-size:14px;padding:15px;background:var(--soft)}
@media(min-width:1500px){.map-canvas{min-height:720px}.map-workspace{grid-template-columns:minmax(0,1fr) 360px}.map-inspector-content{padding:33px}}
@media(max-width:1100px){.island-explorer{padding-inline:25px}.map-workspace{grid-template-columns:minmax(0,1fr) 290px}.map-inspector-content{padding:25px 20px}.map-inspector h2{font-size:34px}.map-legend{gap:3px 19px}.map-legend-title{width:100%;margin-bottom:1px}.map-heading h1{font-size:45px}.map-heading p{max-width:520px}}
@media(max-width:700px){.island-explorer{padding:0 20px 28px}.map-heading{padding:18px 0 20px}.map-heading .breadcrumbs{margin-bottom:21px}.map-heading>div{display:block}.map-heading h1{font-size:43px;line-height:1.02;max-width:380px;margin-bottom:14px}.map-mobile-break{display:initial}.map-heading p{font-size:12px;line-height:1.8;max-width:320px}.map-heading .eyebrow{font-size:9px}.map-planner-link{display:none}.map-legend{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding-block:12px}.map-legend-title{grid-column:1/-1;margin:0 0 7px;font-size:9px}.map-filter{font-size:11px;gap:7px;min-height:38px}.map-filter-count{margin-left:auto;font-size:9px}.map-show-all{grid-column:1/-1;justify-self:start;margin:3px 0 0;font-size:10px;min-height:32px;padding-block:4px}.map-workspace{display:flex;flex-direction:column;margin-inline:-20px}.map-canvas{min-height:560px;height:560px}.map-inspector{border-left:0;border-top:1px solid var(--line);max-height:none}.map-inspector-content{padding:25px 20px 26px}.map-inspector h2{font-size:36px;margin-bottom:20px}.map-welcome-image{display:none}.map-inspector .map-photo-caption{font-size:10px}.map-welcome-image+.map-photo-caption{display:none}.map-how{grid-template-columns:28px 1fr;gap:13px 9px;padding:17px 0;margin:19px 0}.map-inspector .map-inspector-foot{margin-bottom:0}.map-inspector p{font-size:14px}.map-detail-image{max-height:210px;aspect-ratio:1.65}.map-inspector .map-location-note{font-size:12px}.map-collection-list strong{font-size:14px}.map-collection-list small{font-size:11px}.map-collection-list button{padding:15px 0;min-height:57px}.map-panel-top{margin-top:-8px}.map-back{font-size:12px;min-height:40px}.map-close{width:44px;height:44px}.map-booking>span{font-size:11px}.map-booking p{font-size:12px}.map-booking .button{width:auto;font-size:12px}.map-detail-category{font-size:11px}.map-notes{flex-direction:column;gap:7px;padding-block:14px 20px}.map-notes p{font-size:10px}.map-directory>div{grid-template-columns:1fr;gap:25px}.map-directory>summary{font-size:13px}.map-directory li>a{font-size:14px}.map-directory li>span{font-size:11px}.map-directory li>.map-directory-booking{font-size:12px}.map-affiliate-note{font-size:10px}.map-north{left:20px;top:22px}.map-controls{right:16px;bottom:52px}.map-controls button{width:44px;height:44px}.map-canvas-bottom{left:20px;right:16px;font-size:9px}.map-canvas-bottom a{font-size:8px}}
@media(prefers-reduced-motion:reduce){.map-node{animation:none}.map-single-dot,.map-cluster-ring,.map-filter{transition:none}}
@media print{.map-legend,.map-controls,.map-inspector,.map-tooltip,.map-notes,.map-affiliate-note{display:none!important}.island-explorer{padding:0}.map-workspace{display:block}.map-canvas{height:600px}.map-directory>div{display:grid!important;grid-template-columns:1fr 1fr}.map-directory summary{display:none}.map-directory li>a{font-size:10px}.map-directory h2{font-size:12px}.map-directory li>span{font-size:9px}}

/* Keep the legend and complete map in the first desktop viewport.
   Only the detail panel scrolls when a long collection is selected. */
@media screen and (min-width:701px){
 .island-explorer{--map-site-header-height:108px}
 .map-screen{height:calc(100svh - var(--map-site-header-height) - 12px);display:grid;grid-template-rows:auto auto minmax(0,1fr)}
 .map-heading{padding:13px 0 17px}
 .map-heading .breadcrumbs{margin-bottom:12px;font-size:10px}
 .map-heading .eyebrow{display:none}
 .map-heading h1{font-size:clamp(27px,2.6vw,38px);margin-bottom:8px;line-height:1.12}
 .map-heading p{font-size:12px}
 .map-heading .map-planner-link{font-size:11px}
 .map-legend{position:sticky;top:var(--map-site-header-height);z-index:8;background:var(--white);gap:3px 19px;padding-block:8px}
 .map-workspace{height:100%;min-height:0;overflow:hidden}
 .map-canvas{height:100%;min-height:0}
 .map-inspector{height:100%;min-height:0;max-height:100%;overscroll-behavior-y:contain}
 .map-inspector-content{padding:24px}
 .map-inspector h2{font-size:32px}
 .map-inspector .map-photo-caption{margin-bottom:17px}
 .map-welcome-image{max-height:190px}
 .map-how{margin-block:18px;padding-block:16px}
}
@media screen and (min-width:701px) and (max-width:1060px){
 .island-explorer{--map-site-header-height:84px}
 .map-heading h1{font-size:29px}
 .map-heading>div{gap:15px}
}
@media screen and (min-width:701px) and (max-height:800px){
 .map-inspector-content{padding:20px}
 .map-inspector h2{font-size:28px;margin-bottom:17px}
 .map-welcome-image{max-height:130px}
 .map-inspector .map-photo-caption{margin-bottom:14px}
 .map-how{margin-block:15px;padding-block:13px}
}

/* Gestures belong to the map only; the rest of the page keeps normal browser scrolling and zoom. */
.is-ready .map-canvas{touch-action:none;user-select:none;-webkit-user-select:none}