:root{--color-brand-blue:#00558c;--color-brand-blue-dark:#003e66;--color-brand-cyan:#2ea9d3;--color-text-primary:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-muted:#767676;--color-bg:#fff;--color-bg-soft:#f4f6f8;--color-bg-grey:#e8eaed;--color-border:#e1e4e8;--color-status-green:#2e8b57;--color-status-green-bg:#eaf6ee;--color-status-amber:#d48a00;--color-status-amber-bg:#fff4da;--color-status-red:#f06363;--color-status-red-bg:#fff0f0;--color-status-grey:#b0b0b0;--color-status-purple:#6e3fab;--color-status-purple-bg:#f3eeff;--color-blueflag-bg:#2ea9d3;--font-sans:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fs-h1:32px;--fs-h2:22px;--fs-h3:18px;--fs-body:15px;--fs-small:13px;--fs-micro:11px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1)}*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-soft);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--color-brand-blue);text-decoration:none}button{font:inherit}.screen{margin:24px auto;background:var(--color-bg);box-shadow:var(--shadow-md)}.screen--desktop{width:1280px}.screen--mobile{width:375px}.nav--desktop{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.nav__logo{height:44px;width:auto}.nav__links{display:flex;gap:var(--space-5);flex:1;margin-left:var(--space-5)}.nav__links a{color:var(--color-text-primary);font-size:var(--fs-body)}.nav__search{display:flex;align-items:center;background:#000;border-radius:var(--radius-md);overflow:hidden;height:36px;width:320px}.nav__search input{flex:1;border:0;background:transparent;color:#fff;padding:0 var(--space-3)}.nav__search input::placeholder{color:rgba(255,255,255,.7)}.nav__search-btn{width:36px;height:36px;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") center/16px no-repeat;border:0;cursor:pointer}.layout--desktop{display:grid;grid-template-columns:1fr 460px;min-height:1100px}@media(max-width:767px){.layout--desktop{grid-template-columns:1fr;min-height:0}.map-panel{height:280px}}.map-panel{position:relative;z-index:0;background:#d7e5f0;overflow:hidden}.map__bg{width:100%;height:100%;object-fit:cover;position:relative}@media(min-width:768px){.map-panel{position:sticky;top:0;align-self:start;height:100vh}}.bd-map__lcp{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.zoom-controls{position:absolute;top:var(--space-4);left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.zoom-controls--mobile{top:var(--space-3);right:var(--space-3);left:auto}.zoom-controls__btn{width:32px;height:32px;border:0;background:#1a1a1a;color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:14px}.marker{position:absolute;width:16px;height:22px;transform:translate(-50%,-100%);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 2px 4px rgba(0,0,0,.25)}.marker--green{background:var(--color-status-green)}.marker--amber{background:var(--color-status-amber)}.marker--red{background:var(--color-status-red)}.marker--no-data{background:var(--color-status-grey)}.marker--alert{background:var(--color-status-purple)}.info-panel{padding:var(--space-5);overflow-y:auto;background:var(--color-bg)}.info-panel__header{display:flex;justify-content:space-between;align-items:center}.info-panel__back{display:inline-flex;align-items:center;gap:12px;margin:0 0 var(--space-3);padding:var(--space-1) 0;min-height:2.75rem;color:var(--color-text-primary);font-size:var(--fs-body);font-weight:500;text-decoration:none}.info-panel__back:hover,.info-panel__back:focus-visible{color:var(--color-brand-blue)}.info-panel__back:hover .info-panel__back-label,.info-panel__back:focus-visible .info-panel__back-label{text-decoration:underline}.info-panel__back:focus-visible{outline:2px solid var(--color-brand-blue);outline-offset:2px}.info-panel__back-arrow{font-size:18px;line-height:1}.info-panel__title{font-size:var(--fs-h1);font-weight:700;margin:0 0 var(--space-4);color:var(--color-text-primary)}.close-btn{background:transparent;border:0;font-size:24px;cursor:pointer;color:var(--color-text-muted)}.tabs{display:flex;gap:var(--space-5);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.tab{background:transparent;border:0;padding:var(--space-3) 0;font-size:var(--fs-body);color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab--active{color:var(--color-text-primary);font-weight:600;border-bottom-color:var(--color-brand-cyan)}.alert-card{position:relative;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.alert-card--red{background:var(--color-status-red);border:1px solid rgba(0,0,0,.06);color:#fff}.alert-card--green{background:var(--color-status-green-bg);border:1px solid var(--color-status-green)}.alert-card--amber{background:var(--color-status-amber-bg);border:1px solid var(--color-status-amber)}.alert-card--alert{background:var(--color-status-purple-bg);border:1px solid var(--color-status-purple)}.alert-card__eyebrow{margin:0 0 var(--space-1);font-size:var(--fs-micro);letter-spacing:.06em;color:var(--color-text-secondary)}.alert-card--red .alert-card__eyebrow{color:rgba(255,255,255,.8)}.alert-card__title{margin:0 0 var(--space-2);font-size:var(--fs-h2);color:var(--color-text-primary)}.alert-card--red .alert-card__title{color:#fff}.alert-card--green .alert-card__title{color:var(--color-status-green)}.alert-card--amber .alert-card__title{color:var(--color-status-amber)}.alert-card--alert .alert-card__title{color:var(--color-status-purple)}.alert-card--red .btn--ghost{background:#c94040;border-color:transparent;color:#fff}.alert-card__body{margin:0 0 var(--space-3);font-size:var(--fs-small);line-height:1.5}.alert-card--red .alert-card__body{color:rgba(255,255,255,.9)}.alert-card__tooltip{font-size:var(--fs-micro);color:var(--color-text-muted);margin-bottom:var(--space-3)}.alert-card--red .alert-card__tooltip{color:rgba(255,255,255,.75)}.alert-card__icon{width:24px;height:24px;background:var(--color-status-grey);border-radius:50% 50% 50% 0;transform:rotate(-45deg);margin-bottom:var(--space-2)}.alert-card--red .alert-card__icon{background:#c94040}.alert-card--green .alert-card__icon{background:var(--color-status-green)}.alert-card--amber .alert-card__icon{background:var(--color-status-amber)}.alert-card--alert .alert-card__icon{background:var(--color-status-purple)}.btn{display:inline-block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-small);cursor:pointer;border:0;text-decoration:none}.btn--primary{background:var(--color-brand-cyan);color:#fff}.btn--ghost{background:#fff;border:1px solid var(--color-border);color:var(--color-text-primary)}.alert-card--red .btn--ghost{background:#c94040;border-color:transparent;color:#fff}.btn--ghost-on-blue{background:rgba(255,255,255,.9);color:var(--color-brand-blue-dark)}.test-summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-soft);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--fs-small)}.test-summary__item{display:flex;flex-direction:column;gap:2px;flex:1}.test-summary__label{color:var(--color-text-muted);font-size:var(--fs-micro)}.test-summary__value{font-weight:600}.test-summary__badge{background:var(--color-bg-soft);border:1px solid var(--color-border);padding:var(--space-2);border-radius:var(--radius-sm);text-align:center}.test-summary__badge--alert{background:var(--color-status-red);border-color:var(--color-status-red)}.test-summary__badge-label{display:block;font-size:var(--fs-micro);color:var(--color-text-muted)}.test-summary__badge--alert .test-summary__badge-label{color:#fff}.test-summary__badge-value{display:block;font-size:var(--fs-h2);font-weight:700;color:var(--color-text-primary,#1a1a1a)}.test-summary__badge--alert .test-summary__badge-value{color:#fff}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--space-2)}.dot--red{background:var(--color-status-red)}.wq-no-data{padding:12px;color:var(--color-text-secondary);font-size:var(--fs-small);font-style:italic}.results{margin-bottom:var(--space-4)}.results__title{margin:0 0 var(--space-2);font-size:var(--fs-small);letter-spacing:.06em;color:var(--color-text-secondary)}.results__table{width:100%;border-collapse:collapse;font-size:var(--fs-small)}.results__table th,.results__table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.results__table th{background:var(--color-bg-soft);font-weight:600;font-size:var(--fs-micro);color:var(--color-text-secondary)}.results__table td:first-child{white-space:nowrap}.protocol-card{background:var(--color-brand-cyan);color:#fff;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.protocol-card__label{margin:0;font-size:var(--fs-micro);letter-spacing:.06em}.protocol-card__body{margin:var(--space-1) 0 var(--space-3);font-weight:600}#bd-tab-water>*{margin-bottom:20px}#bd-tab-water>*:last-child{margin-bottom:0}#bd-tab-water .fg-testing{background:var(--color-brand-cyan,#1b93b4);border-color:transparent;box-shadow:none;color:#fff}#bd-tab-water .fg-testing__label{color:#fff}#bd-tab-water .fg-testing__sentence{color:rgba(255,255,255,.9)}#bd-tab-water .fg-testing .fg-btn--primary{display:flex;width:100%;justify-content:center;box-sizing:border-box;background:rgba(0,0,0,.15);color:#fff;border-color:rgba(255,255,255,.6);text-decoration:underline;text-underline-offset:2px}.coastal-alerts{background:#fff;border-radius:12px;box-shadow:0 1px 12px rgba(0,0,0,.08);padding:20px;margin-bottom:20px}.coastal-alerts__title{margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid #d0d5da;font-family:var(--font-sans);font-size:14px;font-weight:700;color:#1a1d23;text-transform:uppercase;letter-spacing:.02em}.coastal-alerts__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.coastal-alerts__item{display:flex;align-items:flex-start;gap:12px;margin:0;padding:0;background:none;border:0;border-radius:0}.coastal-alerts__item::before{content:"";flex:0 0 auto;width:32px;height:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 5 L28 26 L4 26 Z' fill='%2315697d' stroke='%2315697d' stroke-width='5' stroke-linejoin='round'/%3E%3Cpath d='M16 9.5 L24.5 24.5 L7.5 24.5 Z' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linejoin='round'/%3E%3Crect x='14.9' y='12.8' width='2.2' height='6.4' rx='1.1' fill='%23ffffff'/%3E%3Ccircle cx='16' cy='22.2' r='1.25' fill='%23ffffff'/%3E%3C/svg%3E") center/contain no-repeat}.coastal-alerts__link{flex:1 1 auto;min-width:0;color:#1a1d23;text-decoration:none;font-size:14px;font-weight:600;line-height:1.45}.coastal-alerts__link:hover{text-decoration:underline;text-underline-offset:2px}.coastal-alerts__link:focus-visible{outline:2px solid #0b6ea8;outline-offset:2px;border-radius:2px;text-decoration:underline;text-underline-offset:2px}.coastal-alerts__empty{margin:0;color:#6b7280;font-style:italic;font-size:14px}.status-card{background:var(--color-blueflag-bg);color:#fff;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.status-card__badge{display:inline-flex;align-items:center;gap:var(--space-2);background:rgba(255,255,255,.2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-micro);margin-bottom:var(--space-2)}.status-card__flag{width:16px;height:16px;object-fit:contain;flex:none}.status-card p{margin:0 0 var(--space-3);font-size:var(--fs-small);line-height:1.5}.beach-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.beach-header h2{margin:0;font-size:var(--fs-h2);min-width:0}.beach-header__coords{margin:0;color:var(--color-text-muted);font-size:var(--fs-small);white-space:nowrap;flex-shrink:0}.section-eyebrow{margin:0 0 var(--space-2);font-size:var(--fs-micro);letter-spacing:.08em;color:var(--color-text-secondary)}.weather__today-label,.forecast__title{margin:var(--space-3) 0 var(--space-2);font-size:var(--fs-body)}.weather__today{background:linear-gradient(135deg,#4fc4de,#2ea9d3);color:#fff;border-radius:var(--radius-lg);padding:var(--space-3)}.weather__date{margin:0 0 var(--space-2);font-size:var(--fs-small);opacity:.9}.weather__today-row{display:flex;align-items:center;gap:var(--space-4)}.weather__metric{display:flex;flex-direction:column;align-items:center;font-size:var(--fs-micro)}.weather__metric-icon{width:1rem;height:1rem;margin-bottom:.125rem}.weather__metric-value{font-weight:600}.weather__temp{margin-left:auto;text-align:right}.weather__temp-value{display:block;font-size:36px;font-weight:700;line-height:1}.weather__temp-label{font-size:var(--fs-small)}.forecast{display:flex;gap:var(--space-2)}.forecast__day{flex:1 1 0;min-width:0;background:var(--color-bg-soft);border-radius:var(--radius-md);padding:var(--space-2);text-align:center;font-size:var(--fs-micro);display:flex;flex-direction:column;align-items:center;gap:2px}.forecast__empty{color:var(--color-text-muted);font-size:var(--fs-body);margin:0;padding:var(--space-2) 0}.forecast__day--current{background:var(--color-brand-cyan);color:#fff}.forecast__dow{font-weight:600}.forecast__icon{width:1.5rem;height:1.5rem;border-radius:var(--fg-radius-sm);border:.4px solid #fff;background:none;box-shadow:2px 2px 2px 0 rgba(0,0,0,.05)}.forecast__temp{font-weight:700;font-size:var(--fs-body)}.forecast__cond{color:var(--color-text-muted)}.forecast__day--current .forecast__cond{color:rgba(255,255,255,.9)}.wind-arrow{font-size:1.375rem;font-weight:700}.lifeguard-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-brand-cyan);color:#fff;border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.lifeguard-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:62%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 80' preserveAspectRatio='none'%3E%3Cpath d='M0,38 Q65,14 130,38 Q195,62 260,38 Q325,14 390,38 L390,80 L0,80 Z' fill='%231a8fb0' fill-opacity='0.38'/%3E%3Cpath d='M0,54 Q65,30 130,54 Q195,78 260,54 Q325,30 390,54 L390,80 L0,80 Z' fill='%231a8fb0' fill-opacity='0.28'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}.lifeguard-card__top{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);position:relative;z-index:1}.lifeguard-card__icon{flex-shrink:0;width:52px;height:52px;object-fit:contain}.lifeguard-card__text{flex:1;min-width:0}.lifeguard-card__label{margin:0;font-size:var(--fs-micro);letter-spacing:.06em;color:rgba(255,255,255,.85);font-weight:700}.lifeguard-card__text p{margin:var(--space-1) 0 0;font-weight:700;font-size:14px}.btn--lifeguard{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:10px 16px;background:rgba(0,0,0,.18);color:#fff;border-radius:14px;font-size:13px;font-weight:600;text-decoration:none;border:1.5px solid rgba(255,255,255,.4);align-self:center;width:auto;min-width:200px;max-width:100%}.btn--lifeguard span:first-child{text-decoration:underline;flex:1}.lifeguard-card--no-service{background:var(--color-status-red)}.lifeguard-card--no-service .btn--lifeguard{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.35)}.lifeguard-card--no-service::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 80' preserveAspectRatio='none'%3E%3Cpath d='M0,38 Q65,14 130,38 Q195,62 260,38 Q325,14 390,38 L390,80 L0,80 Z' fill='%23d94040' fill-opacity='0.38'/%3E%3Cpath d='M0,54 Q65,30 130,54 Q195,78 260,54 Q325,30 390,54 L390,80 L0,80 Z' fill='%23d94040' fill-opacity='0.28'/%3E%3C/svg%3E")}.nav--mobile{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.nav--mobile .nav__logo{height:32px}.nav__menu{background:transparent;border:0;font-size:22px;cursor:pointer}.nav__search--mobile{margin:var(--space-3) var(--space-4);width:calc(100% - var(--space-4)*2)}.map-banner{position:relative;height:280px;overflow:hidden}.info-panel--mobile{padding:var(--space-4)}.info-panel--mobile .info-panel__title{font-size:28px;margin-bottom:var(--space-3)}.info-panel--mobile .tabs{gap:var(--space-3)}.test-summary--mobile{flex-wrap:wrap}.test-summary--mobile .test-summary__badge{width:100%;display:flex;justify-content:space-between;align-items:center}