/* Version B only. SHC's ivory / sage / brass material palette. */
.island.section-pad{grid-template-columns:minmax(320px,.88fr) minmax(0,1.28fr);gap:clamp(24px,3.5vw,64px);align-items:center;padding-top:100px;padding-bottom:100px;background:#f0f1e9}
.island-card{padding:clamp(28px,3vw,46px);background:#faf9f4;border:1px solid #c8a46a6b;border-radius:28px;box-shadow:0 24px 70px -36px #182b233d,0 1px 0 #ffffffcc inset;min-width:0}
.island-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:27px}
.island-card-top .eyebrow{margin:0;font-size:10px;letter-spacing:.16em;color:#53604e}
.island-card-seal{color:#997b48;font-size:26px;line-height:1}
.island-card .display{font-size:clamp(52px,4.7vw,76px);line-height:.98;letter-spacing:-.055em;margin:0}
.island-card .display em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em;color:#53634b}
.island-card>.island-card-intro{font-size:14px;line-height:1.8;margin:25px 0 29px;color:#5f6b62}
.island-towns-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:8px;letter-spacing:.1em;color:#65715e}
.island-select-hint{letter-spacing:0}
.island-card .town-list{gap:6px 8px;margin:13px -9px 26px;font-size:13px}
.town-list button{font:inherit;color:inherit;width:100%;min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:5px;text-align:left;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;transition:background-color 180ms,border-color 180ms,color 180ms}
.town-list button small{font-size:9px;margin-top:3px;color:#67725f}
.town-indicator{color:#7f886f;font-size:14px;opacity:.5;transition:transform 180ms,opacity 180ms}
.town-list button[aria-pressed=true]{background:#e9ede3;border-color:#b7c1a8;color:#243923}
.town-list button[aria-pressed=true] .town-indicator{opacity:1;color:#8a693b;transform:rotate(-45deg)}
.town-list button:disabled{opacity:1;cursor:default}
.town-list button:disabled .town-indicator{visibility:hidden}
.town-list button:focus-visible,.island-pin:focus-visible{outline:2px solid #886b3d;outline-offset:3px}
.island-credentials{border-top:1px solid #c8a46a52;padding-top:19px}
.island-credentials .supervisor-registration{margin:0 0 12px;padding:0;border:0;font-size:10px;gap:8px;color:#5f6b62;display:flex;flex-wrap:wrap;justify-content:space-between;line-height:1.5}
.island-credentials .supervisor-registration strong{font-size:11px;font-weight:600;color:#34442e}
.island-credentials .registration{max-width:none;margin:0;padding:0;border:0;font-size:10px;line-height:1.5;color:#34442e}
.island-atlas{min-width:0;margin:0;padding:26px 0 12px;position:relative}
.island-atlas-heading{display:flex;justify-content:space-between;gap:16px;margin:0 20px;color:#5e6d55;font-size:9px;letter-spacing:.13em}
.island-atlas-heading>span:last-child{font-size:8px;color:#6e7b66}
.island-scene{position:relative;width:100%;aspect-ratio:1.25;isolation:isolate;touch-action:pan-y}
.island-scene::before{content:'';position:absolute;inset:8% 0 0;z-index:-1;background:radial-gradient(ellipse at 51% 54%,#d9e0cc6b,transparent 67%);pointer-events:none}
.island-canvas,.island-fallback,.island-pins{position:absolute;inset:0}
.island-canvas{opacity:0;transition:opacity 550ms ease-out}
.island-canvas canvas{display:block;width:100%;height:100%}
.island-fallback{display:flex;align-items:center;transition:opacity 250ms ease-out}
.island-fallback img,.island-fallback svg{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 4px #48513e24)}
.island-fallback .isle-coast{fill:#d3ddc5;stroke:#9ba98a;stroke-width:1}
.island-fallback .isle-towns{fill:none;stroke:#a9b69b;stroke-width:1}
.island-fallback .isle-pin{fill:#8d744e}
.island-fallback .isle-label{font:12px 'Instrument Sans',Arial,sans-serif;fill:#34442e}
.island-fallback .isle-lead{stroke:#75876b}
.island-fallback .town-active .isle-pin{fill:#44381e;stroke:#b79958;stroke-width:3}
.island-fallback .town-active .isle-label{font-weight:600}
.island-scene.is-ready .island-canvas{opacity:1}
.island-scene.is-ready .island-fallback{opacity:0;pointer-events:none;visibility:hidden}
.island-pins{pointer-events:none}
.island-pin{position:absolute;left:0;top:0;display:grid;place-items:center;width:44px;height:44px;transform:translate(-50%,-50%);border:0;background:transparent;border-radius:50%;padding:0;pointer-events:auto;color:#3c4c33;cursor:pointer;opacity:0;transition:opacity 350ms ease-out;transition-delay:var(--pin-delay,0ms);font:11px 'Instrument Sans',Arial,sans-serif}
.island-scene.is-ready .island-pin{opacity:1}
.island-pin-label{position:absolute;left:calc(50% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:4px 6px;border-radius:5px;background:#f0f1e9c9;text-shadow:0 1px #ffffff5c;transition:background-color 180ms,color 180ms,box-shadow 180ms}
.island-pin[data-side=left] .island-pin-label{left:auto;right:calc(50% + 10px)}
.island-pin[aria-pressed=true] .island-pin-label{background:#263c2e;color:#f7f6ef;text-shadow:none;box-shadow:0 3px 10px #182b231a}
.island-compass{position:absolute;right:7%;bottom:8%;display:flex;flex-direction:column;align-items:center;gap:5px;color:#728168;pointer-events:none}
.island-compass>span{font-size:8px;letter-spacing:.1em}
.island-compass svg{width:17px;height:28px}
.island-atlas figcaption{border-top:1px solid #c1cbb56b;margin:0 20px;padding-top:21px;align-items:center;letter-spacing:0;gap:20px}
.island-selection{display:flex;flex-direction:column;gap:7px}
.island-selection-kicker{font-size:8px;letter-spacing:.12em;color:#66745d}
.island-selection strong{font-family:'Instrument Serif',Georgia,serif;font-size:32px;font-weight:400;line-height:1;color:#3a513a}
.island-map-note{font-size:11px;line-height:1.7;text-align:right;letter-spacing:0;color:#5f6b62}
@media(hover:hover){.town-list button:not(:disabled):hover{background:#edf0e7;border-color:#c3cdb8}.island-pin:hover .island-pin-label{background:#263c2e;color:#fff;text-shadow:none}}
@media(min-width:1500px){.island-scene{aspect-ratio:1.4}}
@media(max-width:1000px){.island.section-pad{grid-template-columns:minmax(280px,.88fr) minmax(0,1fr);gap:20px}.island-card{padding:28px}.island-card .display{font-size:55px}.island-atlas-heading{margin:0 8px;font-size:8px}.island-atlas-heading>span:last-child{display:none}.island-pin{font-size:10px}.island-pin-label{left:calc(50% + 6px);padding:3px}.island-pin[data-side=left] .island-pin-label{right:calc(50% + 6px)}}
@media(max-width:760px){.island.section-pad{grid-template-columns:minmax(0,1fr);gap:34px;padding-top:60px;padding-bottom:58px}.island-card{padding:31px;border-radius:24px}.island-card .display{font-size:66px}.island-card>.island-card-intro{font-size:14px}.island-card .town-list{font-size:14px}.island-atlas{padding-top:8px}.island-atlas-heading{margin:0 12px;font-size:9px}.island-atlas-heading>span:last-child{display:block}.island-scene{aspect-ratio:1.24}.island-atlas figcaption{margin:0 12px;padding-top:20px}.island-selection strong{font-size:29px}}
@media(max-width:480px){.island-card{padding:25px 23px}.island-card .display{font-size:58px}.island-card-top{margin-bottom:24px}.island-card>.island-card-intro{font-size:12px;line-height:1.8;margin-bottom:26px}.island-card .town-list{font-size:12px;gap:5px 6px}.town-list button{min-height:54px;padding:8px}.island-credentials .supervisor-registration,.island-credentials .registration{font-size:9px}.island-pin-label{font-size:8px;padding:3px;left:calc(50% + 4px)}.island-pin[data-side=left] .island-pin-label{right:calc(50% + 4px)}.island-atlas-heading{font-size:8px;letter-spacing:.1em}.island-atlas-heading>span:last-child{font-size:7px}.island-map-note{font-size:10px}.island-compass{right:5%;bottom:6%}}
@media(prefers-reduced-motion:reduce){.island-canvas,.island-fallback,.island-pin,.island-pin-label,.town-list button,.town-indicator{transition:none;transition-delay:0ms}}
@media(forced-colors:active){.island-card{border:1px solid CanvasText}.town-list button[aria-pressed=true]{outline:2px solid Highlight}.island-pin[aria-pressed=true] .island-pin-label{outline:2px solid Highlight}}