@import "tailwindcss";@import "tw-animate-css";@import "../vendor/shadcn-tailwind-4.13.0.css";
:root{--ink:#092f3f;--ocean:#007d91;--sun:#ffca62;--line:#cfe1e4;--muted:#55717b;--background:#fff;--foreground:#092f3f;--card:#fff;--card-foreground:#092f3f;--primary:#007d91;--primary-foreground:#fff;--secondary:#edf8f9;--secondary-foreground:#092f3f;--border:#cfe1e4;--input:#cfe1e4;--ring:#007d91}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.section-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #dfeaec;background:#fff;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700}.brand b{color:var(--ocean)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:var(--ocean)}.brand-mark svg{width:21px}.site-header nav{display:flex;gap:28px;font-size:14px;font-weight:700}.hero{min-height:660px;position:relative;isolation:isolate;background:#086b79}.hero-bg{position:absolute;inset:0;z-index:-1;background:url('/beach-hero.webp') center/cover}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,42,56,.88),rgba(0,54,68,.5) 50%,rgba(0,54,68,.08))}.hero-inner{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center;min-height:660px;padding:55px 0}.hero-copy{color:#fff}.eyebrow{display:flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--ocean);margin:0 0 10px}.eyebrow.light{color:#bceef4}.hero-copy h2{font-size:clamp(52px,7vw,88px);line-height:.94;letter-spacing:-.06em;margin:0 0 24px}.hero-copy>p:not(.eyebrow){font-size:18px;max-width:480px;color:#e2f5f7}.primary-button{display:inline-flex;margin-top:14px;padding:14px 22px;background:var(--sun);color:#17343e;border-radius:99px;font-weight:800}.primary-button.dark{background:var(--ocean);color:#fff}.condition-panel{background:rgba(255,255,255,.97);border-radius:26px;box-shadow:0 24px 70px #001c2447;overflow:hidden}.condition-main{padding:30px 34px 22px}.condition-main h1{font-size:31px;line-height:1.12;margin:0}.updated{font-size:13px;color:var(--muted);margin:4px 0 24px}.score-row{display:flex;gap:24px;align-items:center}.score-row h2{font-size:22px;margin:0 0 4px}.score-row p{margin:0;color:var(--muted);font-size:14px}.score-ring{flex:none;width:112px;height:112px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(#14a77d 0 82%,#dbe9e7 82%);box-shadow:inset 0 0 0 9px #fff}.score-ring.caution{background:conic-gradient(#e29b38 0 55%,#ece8df 55%)}.score-ring strong{font-size:35px;line-height:1}.score-ring span{font-size:10px;line-height:1.1;color:var(--muted);text-transform:uppercase;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);background:#f7fbfb}.metrics div{padding:16px;border-right:1px solid var(--line);display:grid;grid-template-columns:26px 1fr;align-items:center}.metrics div:nth-child(3n){border-right:0}.metrics div:nth-child(-n+3){border-bottom:1px solid var(--line)}.metrics svg{grid-row:1/3;color:var(--ocean);width:19px}.metrics span{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:800}.metrics strong{font-size:18px}.detail-link{display:flex;align-items:center;justify-content:center;gap:7px;padding:15px;font-size:14px;font-weight:800}.directory{padding:86px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:28px}.section-heading h2,.trust h2,.detail-content h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.045em;margin:0}.section-heading>p{max-width:420px;color:var(--muted);margin:0}.filters{display:grid;grid-template-columns:1fr 250px;gap:12px;margin-bottom:24px}.filters label{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:0 15px}.filters input{border:0;outline:0;width:100%;padding:14px 0;font:inherit}.filters select{border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 14px;font:inherit;color:var(--ink)}.beach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.beach-card{display:flex;flex-direction:column;min-height:225px;padding:23px;border:1px solid var(--line);border-radius:17px;transition:.2s}.beach-card:hover{transform:translateY(-3px);border-color:#78b7c1;box-shadow:0 12px 30px #083d491a}.card-top{display:flex;align-items:center;gap:6px;color:var(--ocean);font-size:12px;font-weight:800;text-transform:uppercase}.beach-card h3{font-size:23px;line-height:1.15;margin:15px 0 7px}.beach-card p{font-size:14px;color:var(--muted);margin:0}.card-cta{display:flex;align-items:center;gap:5px;margin-top:auto;padding-top:18px;font-weight:800;font-size:13px}.trust{padding:78px 0;border-top:1px solid var(--line)}.trust>div:first-child{max-width:720px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.trust-grid article{border-top:3px solid var(--ocean);padding-top:24px}.trust-grid svg{color:var(--ocean)}.trust-grid h3{font-size:20px;margin:15px 0 6px}.trust-grid p{color:var(--muted);margin:0}.detail-hero{padding:44px 0 60px;background:linear-gradient(140deg,#dff5f6,#edf9f7 55%,#f8f4e8)}.detail-hero .condition-panel{max-width:820px;margin:22px auto 0;box-shadow:0 18px 50px #11535e21}.back{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800}.detail-content{display:grid;grid-template-columns:1.5fr .72fr;gap:90px;padding:74px 0}.beach-copy .lead{font-size:21px;color:#294e5a}.beach-copy h3{font-size:23px;margin:34px 0 8px}.info-list{margin-top:32px;border-top:1px solid var(--line)}.info-list>div{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.info-list svg{color:var(--ocean);flex:none}.info-list span{display:grid}.nearby h2{font-size:23px}.nearby a{display:grid;padding:17px 0;border-bottom:1px solid var(--line)}.nearby span{font-size:12px;color:var(--muted);text-transform:uppercase}.nearby b{font-size:17px}.prose-page{width:min(760px,calc(100% - 40px));margin:80px auto}.prose-page h1{font-size:clamp(42px,6vw,68px);line-height:1;letter-spacing:-.05em}.prose-page h2{font-size:27px;margin-top:35px}.prose-page p,.prose-page li{font-size:18px;color:#385861}footer{background:var(--ink);color:#d8e9ec;padding:34px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner p{font-size:13px}.footer-inner>div:last-child{display:flex;gap:20px;font-size:13px}.footer-inner .brand b{color:#62d2df}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:30px}.beach-grid{grid-template-columns:repeat(2,1fr)}.detail-content{grid-template-columns:1fr;gap:40px}.trust-grid{gap:20px}.footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.section-wrap{width:calc(100% - 28px)}.site-header{height:68px;padding:0 15px}.brand{font-size:16px}.site-header nav a:last-child{display:none}.hero-inner{padding:36px 0}.hero-copy h2{font-size:50px}.condition-main{padding:24px 20px}.condition-main h1{font-size:26px}.score-row{align-items:flex-start}.score-ring{width:92px;height:92px}.metrics div{padding:13px 9px}.metrics strong{font-size:16px}.directory{padding:60px 0}.section-heading{display:block}.section-heading>p{margin-top:12px}.filters{grid-template-columns:1fr}.filters select{height:50px}.beach-grid,.trust-grid{grid-template-columns:1fr}.hero-bg:after{background:linear-gradient(#003444aa,#003444e8)}}

/* Netlify static edition: metrics do not depend on framework icon components. */
.metrics div{grid-template-columns:1fr;text-align:center}.metrics div span,.metrics div strong{grid-column:1}