:root{--flag-st-green:#48cd4a;--flag-st-amber:#ffb52a;--flag-st-red:#f06363;--flag-st-alert:#8670a5;--flag-st-no-data:#2c2c2c;--flag-lt-excellent:#3fb3d9;--flag-lt-good:#4ca64c;--flag-lt-sufficient:#e0a52a;--flag-lt-poor:#f06363;--flag-lt-no-data:#bdbdbd;--coct-teal:#008080;--coct-orange:#f15e2b;--Brand-Primary-Cyan:rgba(46,169,211,1);--rail-bg:#404040;--rail-bg-collapsed:#404040;--rail-fg:#fff;--rail-border:rgba(255,255,255,.1);--map-bg:#e8eef0;--sidebar-bg:#fff;--sidebar-soft:#f5f6f7;--sidebar-border:#e0e4e8;--testing-bg:#3fb3d9;--text-primary:#1a1d23;--text-secondary:#4b5563;--text-muted:#6b7280;--text-on-dark:#fff;--rail-width-collapsed:0px;--rail-width-expanded:320px;--sidebar-width:420px;--header-height:80px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--font-heading:'Gilroy','Helvetica Neue',sans-serif;--font-body:'Segoe UI','Helvetica','Arial',sans-serif;--shadow-card:0 2px 6px rgba(0,0,0,.08);--shadow-hover:0 4px 12px rgba(0,0,0,.12);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px}.beach-map-shell{display:grid;grid-template-columns:var(--rail-width-collapsed) 1fr var(--sidebar-width);grid-template-areas:"rail map sidebar";height:calc(100vh - var(--header-height));width:100%;overflow:hidden;font-family:var(--font-body);color:var(--text-primary);background:var(--map-bg);transition:grid-template-columns 200ms ease}.beach-map-shell .map-key-rail{grid-area:rail}.beach-map-shell .map-pane{grid-area:map}.beach-map-shell .map-sidebar{grid-area:sidebar}.beach-map-shell:has(.map-key-rail[data-expanded="true"]){grid-template-columns:var(--rail-width-expanded) 1fr var(--sidebar-width)}@media(prefers-reduced-motion:reduce){.beach-map-shell{transition:none}}.map-key-rail{background:var(--rail-bg);color:var(--rail-fg);display:flex;flex-direction:row;align-items:stretch;overflow:hidden;border-right:1px solid var(--rail-border);position:relative}.map-key-rail__inner{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--space-md);overflow-y:auto}.map-key-rail__header{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.map-key-rail__title{margin:0;font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--rail-fg);text-align:center}.map-key-rail__back{display:inline-flex;align-items:center;gap:8px;width:100%;padding:12px var(--space-md);background:transparent;border:0;border-bottom:1px solid var(--rail-border);color:var(--rail-fg);font-family:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer;opacity:.9}.map-key-rail__back:hover,.map-key-rail__back:focus-visible{opacity:1;text-decoration:underline}.map-key-rail__back:focus-visible{outline:2px solid var(--coct-teal);outline-offset:2px}.map-key-rail__back-arrow{font-size:16px}.map-key-rail[data-expanded="false"] .map-key-rail__inner{display:none}.map-key-rail__content{flex:1;display:flex;flex-direction:column;gap:var(--space-md);min-width:0}.map-key-tabs{display:flex;gap:var(--space-md);border-bottom:1px solid var(--rail-border)}.map-key-tabs__btn{background:none;border:0;color:var(--rail-fg);font-family:var(--font-heading);font-size:13px;font-weight:600;padding:var(--space-sm) 0;cursor:pointer;position:relative;opacity:.6}.map-key-tabs__btn.is-active{opacity:1}.map-key-tabs__btn.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--coct-teal)}.map-key-tabs__btn:focus-visible{outline:2px solid var(--coct-teal);outline-offset:2px}.map-key-cards{display:none;flex-direction:column;gap:var(--space-sm)}.map-key-cards.is-visible{display:flex}.map-key-card{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden}.map-key-card__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.map-key-card__pin{width:18px;height:26px;flex-shrink:0}.map-key-card__pin svg{width:100%;height:100%;display:block}.map-key-card__label{font-family:var(--font-heading);font-size:15px;font-weight:600;font-style:italic;color:var(--rail-fg)}.map-key-info-cards{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.map-key-info-card__header{display:flex;align-items:center;gap:.5rem}.map-key-info-card__icon{width:1.5rem;height:1.5rem;object-fit:contain;flex-shrink:0}.map-key-info-card__heading{font-family:var(--font-heading);font-size:.9375rem;font-weight:600;color:var(--rail-fg);margin:0}.map-key-info-card__intro{font-size:.8125rem;color:var(--rail-fg);margin:.25rem 0 0}.map-key-info-card__body{font-size:.75rem;line-height:1.45;color:var(--rail-fg);margin:.25rem 0 0}.map-key-info-card__body :where(p):last-child{margin-bottom:0}.map-key-info-card__link{display:inline-block;font-size:.8125rem;font-weight:600;color:var(--rail-fg);margin-top:.25rem}.map-key-card__desc{display:none;font-size:12px;line-height:1.45;margin:0}.map-key-cards.is-expanded .map-key-card{box-shadow:var(--shadow-card)}.map-key-cards.is-expanded .map-key-card__header{padding:var(--space-md) var(--space-md) var(--space-sm)}.map-key-cards.is-expanded .map-key-card__desc{display:block;padding:0 var(--space-md) var(--space-md)}.map-key-cards--short-term.is-expanded .map-key-card{background:var(--sidebar-bg)}.map-key-cards--short-term.is-expanded .map-key-card__label{color:var(--text-primary)}.map-key-cards--short-term.is-expanded .map-key-card__desc{background:var(--sidebar-soft);color:var(--text-secondary)}.map-key-cards--short-term.is-expanded .map-key-card[data-flag="alert"]{background:var(--flag-st-alert)}.map-key-cards--short-term.is-expanded .map-key-card[data-flag="alert"] .map-key-card__label{color:var(--text-on-dark)}.map-key-cards--short-term.is-expanded .map-key-card[data-flag="alert"] .map-key-card__desc{background:rgba(255,255,255,.14);color:var(--text-on-dark)}.map-key-cards--short-term.is-expanded .map-key-card[data-flag="no_data"]{background:var(--flag-st-no-data)}.map-key-cards--short-term.is-expanded .map-key-card[data-flag="no_data"] .map-key-card__label{color:var(--text-on-dark)}.map-key-cards--short-term.is-expanded .map-key-card[data-flag="no_data"] .map-key-card__desc{background:rgba(255,255,255,.08);color:rgba(255,255,255,.85)}.map-key-cards--long-term.is-expanded .map-key-card__label,.map-key-cards--long-term.is-expanded .map-key-card__desc{color:var(--text-on-dark)}.map-key-cards--long-term.is-expanded .map-key-card[data-flag="excellent"]{background:var(--flag-lt-excellent)}.map-key-cards--long-term.is-expanded .map-key-card[data-flag="good"]{background:var(--flag-lt-good)}.map-key-cards--long-term.is-expanded .map-key-card[data-flag="sufficient"]{background:var(--flag-lt-sufficient)}.map-key-cards--long-term.is-expanded .map-key-card[data-flag="poor"]{background:var(--flag-lt-poor)}.map-key-cards--long-term.is-expanded .map-key-card[data-flag="no_data"]{background:var(--flag-lt-no-data)}.map-key-rail__footer{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--rail-border)}.map-key-rail__expand-all{background:none;border:0;color:var(--rail-fg);font-size:12px;font-weight:500;text-align:left;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.map-key-rail__external-link{background:none;border:0;color:var(--rail-fg);font-size:12px;font-weight:500;text-align:left;padding:0;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:var(--space-xs)}.map-key-rail__chevron{font-size:14px}.map-key-rail__expand-all:focus-visible,.map-key-rail__external-link:focus-visible{outline:2px solid var(--coct-teal);outline-offset:2px;border-radius:var(--radius-sm)}.map-controls{position:absolute;left:0;bottom:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm);z-index:400}.map-controls__btn{width:44px;height:44px;border:0;border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--rail-bg);color:var(--rail-fg);font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:background 120ms ease}.map-controls__btn:hover{background:#555759}.map-controls__btn .map-ctrl-icon{display:inline-flex;align-items:center;justify-content:center}.map-controls__btn--key-toggle .map-ctrl-icon{transition:transform 150ms ease}.map-controls__btn--key-toggle.is-open .map-ctrl-icon{transform:rotate(90deg)}.map-controls__btn:focus-visible{outline:2px solid var(--coct-teal);outline-offset:2px}.map-controls__item{position:relative;display:flex}.map-tooltip{position:absolute;left:calc(100% + .5rem);top:50%;transform:translateY(-50%) translateX(-.25rem);z-index:500;width:max-content;max-width:14rem;padding:.625rem .875rem;background:#fff;color:#1d1d1f;border-radius:var(--radius-md);box-shadow:0 .375rem 1.25rem rgba(0,0,0,.18);font-size:.8125rem;line-height:1.4;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 120ms ease,transform 120ms ease}.map-controls__item:hover .map-tooltip,.map-controls__item:focus-within .map-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}.map-tooltip__title{font-weight:700}.map-tooltip__title::after{content:":"}.map-tooltip__desc{font-weight:400}.map-pane{position:relative;overflow:hidden;display:flex}#beach-map{flex:1;width:100%;height:100%;z-index:1;position:relative}.beach-map__lcp{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.leaflet-container{font-family:var(--font-body);background:var(--map-bg)}.leaflet-control-zoom{display:none!important}.leaflet-container a.leaflet-popup-close-button{width:44px;height:44px;font-size:20px;line-height:44px;top:0;right:0}.leaflet-pane svg,.leaflet-overlay-pane svg{max-width:none}.map-status{position:absolute;bottom:var(--space-sm);left:50%;transform:translateX(-50%);background:rgba(0,0,0,.65);color:var(--text-on-dark);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-size:12px;z-index:2;pointer-events:none}.beach-marker{cursor:pointer;transition:transform 120ms ease}.beach-marker:hover{transform:translateY(-2px)}.beach-marker:focus-visible{outline:2px solid var(--coct-teal);outline-offset:2px}.beach-marker--faded{opacity:.35}.beach-marker--nearest{filter:drop-shadow(0 0 6px rgba(21,101,192,.7))}.beach-marker--nearest .beach-marker__svg{animation:nearest-pulse 1.8s ease-in-out 3;transform-box:fill-box;transform-origin:50% 87%;will-change:transform}@keyframes nearest-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}.map-sidebar{background:var(--sidebar-bg);border-left:1px solid var(--sidebar-border);overflow-y:auto;display:flex;flex-direction:column}.sidebar-intro{display:flex;flex-direction:column}.sidebar-hero{position:relative;height:18.75rem;background-image:linear-gradient(180deg,#2f6f9f 0%,#6aa0c6 100%);background-size:cover;background-position:center;border-radius:var(--radius-lg);margin:var(--space-md) var(--space-md) 0;color:var(--text-on-dark);overflow:hidden}.sidebar-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.sidebar-hero__overlay{position:absolute;inset:0;z-index:0;background-image:linear-gradient(180deg,rgba(15,60,90,.55) 0%,rgba(15,60,90,.05) 55%);pointer-events:none}.sidebar-hero__content{position:relative;z-index:1;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar-hero__eyebrow{margin:0;font-size:.875rem;line-height:1.3;opacity:.97;font-weight:500;text-shadow:0 .0625rem .375rem rgba(0,0,0,.4)}.sidebar-hero__title{margin:0;font-family:var(--font-heading);font-size:2rem;font-weight:800;line-height:1.1;text-shadow:0 .0625rem .5rem rgba(0,0,0,.45)}.sidebar-overview__info{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--space-xs);padding:0;width:1.25rem;height:1.25rem;min-width:2.75rem;min-height:2.75rem;border:0;background:none;color:var(--text-muted);cursor:pointer;vertical-align:middle;border-radius:var(--radius-pill);transition:color 120ms ease}.sidebar-overview__info:hover{color:var(--text-secondary)}.sidebar-overview__info:focus-visible{outline:.125rem solid var(--coct-teal);outline-offset:.125rem}.sidebar-overview__popover{position:absolute;z-index:5;left:var(--space-lg);right:var(--space-lg);top:calc(var(--space-lg) + 1.75rem);background:var(--sidebar-bg);color:var(--text-primary);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.18);font-size:.875rem;line-height:1.45}.sidebar-overview__popover[hidden]{display:none}.sidebar-overview__popover p{margin:0}.sidebar-overview__popover strong{font-weight:700}.sidebar-overview{position:relative;padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:.0625rem solid var(--sidebar-border)}.sidebar-overview__heading-row{display:flex;align-items:center;gap:var(--space-xs);margin:0 0 var(--space-md)}.sidebar-overview__title{margin:0;font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--text-secondary)}.sidebar-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.sidebar-stat{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-lg);background:var(--sidebar-soft);border:.0625rem solid var(--sidebar-border)}.sidebar-stat__value-box{display:flex;align-items:center;justify-content:center;padding:1.25rem var(--space-md);border-radius:var(--radius-md);background:var(--sidebar-bg);box-shadow:0 .0625rem .25rem rgba(0,0,0,.06)}.sidebar-stat__value{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1}.sidebar-stat__label{text-align:center;padding:0 var(--space-xs) var(--space-xs);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.sidebar-view-by{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar-view-by__title{margin:0 0 var(--space-sm);font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.sidebar-radio{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;line-height:1.4}.sidebar-radio:hover{background:var(--sidebar-soft)}.sidebar-radio input[type="radio"]{position:absolute;opacity:0;width:1px;height:1px;margin:0}.sidebar-radio__indicator{flex-shrink:0;width:1.25rem;height:1.25rem;min-height:1.25rem!important;border-radius:var(--radius-sm);border:.125rem solid var(--sidebar-border);background:var(--sidebar-bg);position:relative;transition:background-color 120ms ease,border-color 120ms ease}.sidebar-radio input[type="radio"]:checked+.sidebar-radio__indicator{border-color:var(--Brand-Primary-Cyan,rgba(46,169,211,1));background:var(--Brand-Primary-Cyan,rgba(46,169,211,1))}.sidebar-radio input[type="radio"]:checked+.sidebar-radio__indicator::after{content:"";position:absolute;left:.375rem;top:.1875rem;width:.3125rem;height:.5625rem;border:solid var(--text-on-dark);border-width:0 .125rem .125rem 0;transform:rotate(45deg)}.sidebar-radio input[type="radio"]:focus-visible+.sidebar-radio__indicator{outline:.125rem solid var(--Brand-Primary-Cyan,rgba(46,169,211,1));outline-offset:.125rem}.sidebar-radio__label{color:var(--text-primary)}@media(max-width:1023px){.beach-map-shell{grid-template-columns:1fr;grid-template-rows:60vh auto;grid-template-areas:"map" "sidebar";height:auto;min-height:100vh}.map-key-rail{position:fixed;top:var(--space-md);right:var(--space-md);bottom:auto;left:auto;z-index:5;border-radius:var(--radius-md);border-right:0;max-height:calc(100vh - 2*var(--space-md));flex-direction:column;width:auto}.map-key-rail__inner{padding:var(--space-sm)}.map-key-rail[data-expanded="true"]{width:280px}.map-controls{bottom:var(--space-md)}.beach-map-shell:has(.map-key-rail[data-expanded="true"]){grid-template-columns:1fr}.map-sidebar{border-left:0;border-top:1px solid var(--sidebar-border)}.sidebar-hero{height:11.25rem}}@media(prefers-reduced-motion:reduce){.beach-marker,.map-key-rail,.sidebar-radio__indicator{transition:none!important}}.site-header{height:var(--header-height);background:#fff;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;gap:32px;padding:0 32px;position:sticky;top:0;z-index:500}.site-header__brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.site-header__brand-mark{width:48px;height:48px;flex-shrink:0}.site-header__brand-mark svg{width:100%;height:100%;display:block}.site-header__brand-text{display:flex;flex-direction:column;font-family:var(--font-heading);font-weight:700;line-height:1.1}.site-header__brand-line{font-size:11px;letter-spacing:.06em;text-transform:none}.site-header__brand-line--xh,.site-header__brand-line--af{font-weight:500;color:var(--text-secondary)}.site-header__brand--seawater{flex-shrink:0}.site-header__brand-logo{display:block;height:52px;width:auto}.site-header__nav{display:inline-flex;align-items:center;gap:28px;margin-left:16px}.site-header__nav a{color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:500}.site-header__nav a:hover{color:var(--coct-teal)}.homepage-mobile-search{display:none;position:fixed;top:0;left:0;right:0;z-index:600;padding:8px 16px;background:rgba(26,29,35,.92);backdrop-filter:blur(8px)}@media(max-width:1023px){.homepage-mobile-search{display:block}}