@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#fffaf0;--panel:#ffffff;--panel2:#edfafd;--text:#07385c;--muted:#527181;--line:#cde6e9;--accent:#11aeb8;--aqua:#27c4cf;--sea:#087eae;--navy:#07385c;--sand:#f5cf86;--sun:#ffc43d;--orange:#ff8a00;--good:#079447;--yellow:#f0cf4a;--red:#ef5a62;--purple:#9b67c9;--shadow:0 16px 42px rgba(7,56,92,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fffdf7 0,#effbfc 42%,#fffaf0 100%);color:var(--text);font-family:Inter,system-ui,sans-serif}.shell{max-width:1180px;margin:auto;padding:0 20px}.hero{padding:28px 0 26px;position:relative}.hero:before{content:"";position:absolute;z-index:-1;left:50%;top:-140px;width:100vw;height:570px;transform:translateX(-50%);background:radial-gradient(circle at 82% 18%,rgba(255,196,61,.32),transparent 22%),linear-gradient(180deg,#dff7fb 0,rgba(255,255,255,.6) 64%,transparent 100%)}.brand{display:flex;gap:16px;align-items:center}.brandmark{width:84px;height:84px;border-radius:50%;background:#fff;display:grid;place-items:center;border:1px solid #cce8ea;box-shadow:0 12px 28px rgba(7,56,92,.14)}.brandmark img{width:76px;height:76px}.brand-title{font-size:clamp(1.7rem,3vw,2.45rem);font-weight:900;letter-spacing:-.055em;text-transform:uppercase;color:var(--navy)}.brand-title span{color:var(--accent)}.brand-subtitle{margin-top:4px;color:var(--sea);font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero-copy{padding-top:26px}.hero-kicker{display:inline-flex;align-items:center;padding:8px 13px;border:1px solid #9edee2;border-radius:999px;background:#fff;color:var(--good);box-shadow:0 6px 20px rgba(7,56,92,.07);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.hero h1{font-size:clamp(2.8rem,7vw,6rem);max-width:1060px;margin:.72rem 0 1rem;line-height:.92;letter-spacing:-.065em;text-transform:uppercase;color:var(--navy)}.hero-accent{display:block;color:var(--accent);font-size:.66em;line-height:1.05;margin-top:.16em;text-transform:none;letter-spacing:-.04em}.lede{max-width:970px;color:var(--muted);line-height:1.72;font-size:clamp(1.03rem,2vw,1.18rem)}.hero-highlights{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.hero-highlights span{padding:8px 12px;border:1px solid #b9e4e7;border-radius:999px;background:#fff;color:var(--navy);box-shadow:0 5px 16px rgba(7,56,92,.06);font-size:.82rem;font-weight:800}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;color:var(--sea);font-weight:900}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 22px;align-items:flex-start;padding:8px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 8px 26px rgba(7,56,92,.07)}.tab,.btn,.menu-toggle{border:1px solid #b9dfe3;border-radius:999px;background:#fff;color:var(--navy);padding:10px 14px;font:inherit;font-weight:800;cursor:pointer}.tab.active,.btn.primary{background:var(--good);color:#fff;border-color:var(--good)}.tab:hover,.btn:hover,.menu-toggle:hover{border-color:var(--accent)}.more-nav{position:relative}.menu-toggle{display:inline-flex;align-items:center;gap:6px}.menu-toggle[aria-expanded="true"]{border-color:var(--accent)}.more-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:210px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.more-menu[hidden]{display:none}.more-menu .menu-item{display:block;width:100%;text-align:left;border-radius:10px;margin:0 0 6px}.more-menu .menu-item:last-child{margin-bottom:0}.more-menu .menu-item.active{background:var(--good);color:#fff}.location-switcher{display:flex;align-items:center;gap:10px;margin:18px 0 4px;padding:8px 10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 8px 26px rgba(7,56,92,.07)}.location-switcher-label{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em;color:var(--sea);padding-left:4px}.location-links{display:flex;flex-wrap:wrap;gap:8px}.location-link{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #b9dfe3;border-radius:999px;background:#fff;color:var(--navy);text-decoration:none;font-size:.84rem;font-weight:850;transition:.15s ease}.location-link:hover,.location-link:focus-visible{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 5px 14px rgba(7,56,92,.08)}.location-link.active{background:var(--good);border-color:var(--good);color:#fff}.location-dot{width:8px;height:8px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 3px rgba(255,196,61,.18)}.location-link.active .location-dot{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.2)}.view{display:none}.view.active{display:block}.grid{display:grid;gap:15px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.metric,.card,.flag-card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.metric .label{color:var(--sea);font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.metric .value{font-size:clamp(1.25rem,3vw,2rem);font-weight:900;margin-top:6px;color:var(--navy)}.metric .sub{font-size:.8rem;color:var(--muted);margin-top:5px;line-height:1.35}.card{margin:15px 0}.card h2,.card h3{margin-top:0;color:var(--navy)}.card p{line-height:1.65;color:var(--muted)}.today-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:15px}.flag-card-wide{width:100%;padding:30px 28px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(255,196,61,.18),transparent 40%),linear-gradient(180deg,#fff,#f3fcfd)}.flag-eyebrow{text-align:center;font-size:.82rem}.flag-official-link{display:block;color:inherit;text-decoration:none;border-radius:18px;padding:8px;outline-offset:5px}.flag-official-link:hover .flagname,.flag-official-link:focus-visible .flagname{color:var(--sea)}.flagline{display:flex;gap:17px;align-items:center;justify-content:center;margin:16px auto 8px}.flagpole{width:84px;height:70px;position:relative;border-left:5px solid #375464}.flagshape{position:absolute;left:0;top:5px;width:68px;height:37px;background:var(--yellow);clip-path:polygon(0 0,100% 15%,82% 50%,100% 85%,0 100%)}.flagpole.double .flagshape:nth-child(2){top:36px}.flagpole.red .flagshape,.flagpole.double .flagshape{background:var(--red)}.flagpole.green .flagshape{background:var(--good)}.flagpole.purple .flagshape{background:var(--purple)}.flagname{font-size:clamp(2.65rem,7vw,5rem);font-weight:900;letter-spacing:-.055em;color:var(--navy)}.official-hint{color:var(--sea);font-size:.82rem;font-weight:800;margin:4px 0 16px}.muted{color:var(--muted)}.small{font-size:.82rem}.status{border:1px solid var(--line);background:#f4fbfc;padding:11px 13px;border-radius:12px;color:var(--muted)}.status.stale{border-color:#e8bd75;background:#fff5df;color:#7c5616}.pillrow{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.pill{font-size:.77rem;padding:6px 9px;border:1px solid #b9e4e7;border-radius:999px;background:#fff;color:var(--navy)}.flag-status{max-width:760px;margin:0 auto;text-align:center}.flag-pills{justify-content:center}.conditions-head{text-align:center;max-width:800px;margin:32px auto 16px}.conditions-head h2{font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.035em;margin:.4rem 0 .5rem;color:var(--navy)}.conditions-head p{margin:0;color:var(--muted);line-height:1.6}.beach-metrics .metric{text-align:center}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.control{min-width:170px;flex:1}.control label{display:block;color:var(--muted);font-size:.8rem;margin-bottom:6px}.control input,.control select{width:100%;background:#fff;color:var(--navy);border:1px solid #b9dfe3;border-radius:11px;padding:10px 12px;font:inherit}.btn{border-radius:11px}.chart{position:relative;height:320px}.chart.tall{height:410px}.legend{display:flex;gap:13px;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}.swatch{width:10px;height:10px;display:inline-block;border-radius:3px;margin-right:5px}.insight{padding:11px 14px;border-left:4px solid var(--accent);background:#effbfc;border-radius:0 12px 12px 0;margin:9px 0;line-height:1.5;color:var(--muted)}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:10px 11px;border-bottom:1px solid var(--line);font-size:.88rem}th{background:#e8f8fa;color:var(--navy);position:sticky;top:0}.riskbar{height:10px;border-radius:999px;background:#d9edf0;overflow:hidden}.riskbar span{display:block;height:100%;background:var(--red)}.calendar{display:grid;grid-template-columns:90px repeat(12,minmax(45px,1fr));gap:4px;overflow:auto}.calcell{min-height:40px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.75rem;background:#f6fcfc}.calcell.head{border:0;background:transparent;color:var(--muted);min-height:26px}.calcell.low{background:#d9f4df}.calcell.med{background:#fff0b8}.calcell.high{background:#ffd4d5}.calcell.closed{background:#f5aeb1}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.download{display:block;text-decoration:none;color:var(--navy);border:1px solid var(--line);background:#f7fcfc;padding:13px;border-radius:13px}.download strong{display:block}.download span{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}.callout{border:1px solid #9fdde1;background:#ecfafb;border-radius:16px;padding:15px}.safety{border:1px solid #f0c879;background:#fff5dd;color:#624914;padding:13px 15px;border-radius:14px;margin:18px 0}.safety-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:34px 0 0;padding:16px 18px}.safety-bottom div{line-height:1.55}.safety-bottom a{flex:0 0 auto;color:#755315;font-weight:900;text-decoration:none;border-bottom:1px solid currentColor}.warning{color:#9b6511}.bad{color:#bd3d43}.good{color:#087c3e}.footer{padding:25px 0 55px;color:#66838f;font-size:.82rem;line-height:1.65}a{color:#087eae}.footer a{font-weight:700}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.today-grid,.two,.three{grid-template-columns:1fr}.download-grid{grid-template-columns:1fr}.calendar{grid-template-columns:70px repeat(12,50px)}}@media(max-width:700px){.brandmark{width:70px;height:70px}.brandmark img{width:64px;height:64px}.brand-title{font-size:1.55rem}.brand-subtitle{font-size:.76rem}.hero-copy{padding-top:20px}.flag-card-wide{padding:24px 16px}.flagline{flex-direction:column;gap:12px}.flagpole{margin-left:18px}.safety-bottom{flex-direction:column;align-items:flex-start}.safety-bottom a{flex:auto}.hero-highlights span{font-size:.76rem}.location-switcher{align-items:flex-start;flex-direction:column}.location-links{width:100%}.location-link{flex:1;justify-content:center;min-width:145px}}@media(max-width:520px){.shell{padding:0 13px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:13px}.hero{padding-top:20px}.hero h1{font-size:clamp(2.45rem,13vw,4rem)}.hero-accent{font-size:.6em}.flagname{font-size:clamp(2.3rem,13vw,3.5rem)}.flagpole{width:70px}.chart{height:280px}.more-nav{width:100%}.menu-toggle{width:100%;justify-content:center}.more-menu{position:static;margin-top:8px;width:100%}.location-links{display:grid;grid-template-columns:1fr}.location-link{width:100%}}