:root{color:#122622;font-synthesis:none;text-rendering:optimizelegibility;--ink:#122622;--muted:#687572;--paper:#fffefa;--line:#dfe2da;--ocean:#147aa2;--ocean-dark:#0b516f;--ocean-rgb:20, 122, 162;--mint:#dfeef5;--ocean-soft:#eaf4f8;--ocean-line:#b9d9e6;--danger:#d94d36;--danger-dark:#9c3124;--danger-soft:#fae4dc;--amber:#c87c1a;--favourite:#ffe082;--amber-soft:#f8ead1;--shadow:0 14px 40px #1d302a12;--section-title-size:28px;--panel-inline-padding:28px;--font-app:"Avenir Next", Avenir, ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:ui-rounded, "SF Pro Rounded", "Avenir Next", Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:#f5f5ef;font-family:Avenir Next,Avenir,ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit;color:inherit}.app-shell{min-height:100vh;overflow:hidden}.site-header{justify-content:space-between;align-items:center;max-width:1240px;height:84px;margin:0 auto;padding:0 24px;display:flex}.brand{letter-spacing:-.05em;align-items:center;gap:10px;font-size:19px;font-weight:780;text-decoration:none;display:inline-flex}.brand>span:last-child span,footer>span span{color:var(--ocean)}.brand-mark{color:#fff;background:var(--ocean);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.header-actions{align-items:center;gap:8px;display:flex}.location-picker,.icon-button,.language-picker{border:1px solid var(--line);cursor:pointer;background:#ffffffb8;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:43px;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.location-picker{max-width:250px;color:var(--ocean);padding:0 13px}.location-picker-label{min-width:0;max-width:190px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.icon-button{width:43px}.icon-button:disabled{opacity:.58;cursor:wait}.geolocation-button{color:var(--ocean)}.geolocation-button.locating svg{animation:1s ease-in-out infinite locate-pulse}.language-picker{color:var(--ocean);padding:0 10px}.language-picker select{max-width:84px;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;font-size:12px;font-weight:700}.location-picker:hover,.icon-button:hover,.language-picker:hover{background:#fff;border-color:#aeb8b3}.icon-button:active{transform:scale(.96)}.location-picker:focus-visible,.icon-button:focus-visible,.language-picker:focus-within,a:focus-visible,.forecast-scroll:focus-visible{outline:3px solid rgba(var(--ocean-rgb),.28);outline-offset:3px}.location-screen{z-index:2000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07222fb8;place-items:center;width:100%;max-width:100vw;padding:18px;display:grid;position:fixed;inset:0;overflow:hidden}.location-screen-shell{background:#eaf2f6;border:1px solid #ffffff80;border-radius:28px;flex-direction:column;width:min(860px,100%);max-width:100%;height:min(900px,100dvh - 36px);min-height:0;display:flex;overflow:hidden;box-shadow:0 30px 80px #041c2857}.location-screen-header{justify-content:space-between;align-items:flex-start;gap:24px;padding:30px 34px 18px;display:flex}.location-screen-header>div{min-width:0}.location-screen-eyebrow{color:var(--ocean-dark);letter-spacing:-.025em;align-items:center;gap:7px;font-size:12px;font-weight:820;display:inline-flex}.location-screen-eyebrow span{color:var(--ocean)}.location-screen-header h1{color:#102d3a;font-family:var(--font-display);letter-spacing:-.05em;margin:11px 0 4px;font-size:clamp(34px,5vw,52px);line-height:1}.location-screen-header p{color:#5f747d;margin:0;font-size:13px}.location-screen-close{border:1px solid rgba(var(--ocean-rgb),.2);width:45px;height:45px;color:var(--ocean-dark);cursor:pointer;background:#ffffff94;border-radius:50%;flex:none;place-items:center;transition:background .18s,transform .18s;display:grid}.location-screen-close:hover{background:#fff}.location-screen-close:active{transform:scale(.95)}.location-screen-close:focus-visible,.location-search:focus-within,.nearest-location-action:focus-visible,.location-card:focus-visible,.location-view-toggle button:focus-visible,.location-map-reset:focus-visible,.location-map-selection button:focus-visible{outline:3px solid rgba(var(--ocean-rgb),.32);outline-offset:3px}.location-view-toggle{border:1px solid rgba(var(--ocean-rgb),.16);background:#ffffff80;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:max-content;margin:0 34px 12px;padding:4px;display:grid}.location-view-toggle button{color:#58717c;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:102px;min-height:34px;padding:0 13px;font-size:11px;font-weight:800;transition:color .18s,background .18s,box-shadow .18s;display:inline-flex}.location-view-toggle button.is-active{color:var(--ocean-dark);background:#fff;box-shadow:0 3px 10px #13475c1a}.location-search{border:1px solid rgba(var(--ocean-rgb),.22);min-height:52px;color:var(--ocean);background:#ffffffd1;border-radius:17px;align-items:center;gap:11px;margin:0 34px;padding:0 17px;display:flex;box-shadow:0 7px 20px #13475c0f}.location-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:16px}.location-search input::placeholder{color:#7b8d94}.nearest-location-action{border:1px solid rgba(var(--ocean-rgb),.18);min-height:58px;color:var(--ink);cursor:pointer;text-align:left;background:#ffffff8c;border-radius:17px;align-items:center;gap:12px;margin:12px 34px 0;padding:9px 14px;display:flex}.nearest-location-action:disabled{opacity:.65;cursor:wait}.nearest-location-action>span:first-child{color:#fff;background:var(--ocean);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.nearest-location-action>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.nearest-location-action strong{font-size:13px}.nearest-location-action small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.location-screen-content{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;margin-top:10px;padding:8px 34px 34px;overflow-y:auto}.location-screen-content.is-map{overflow-y:auto}.location-screen-content section+section{margin-top:25px}.location-list-heading{justify-content:space-between;align-items:center;min-height:31px;display:flex}.location-list-heading h2{color:#47606b;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:820}.location-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.location-current-grid .location-card{grid-column:1/-1}.location-card{color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#176b8f,#3898bd);border:1px solid #ffffff6b;border-radius:22px;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:142px;padding:20px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff26,0 8px 22px #0b465e1f}.location-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff26,0 13px 28px #0b465e2e}.location-card.is-selected{box-shadow:inset 0 0 0 2px #ffffffc7,0 13px 28px #0b465e2e}.location-card-static{cursor:auto}.location-card-static:hover{transform:none}.location-card-static .location-card-copy{-webkit-user-select:text;user-select:text;cursor:text}.location-card-static .location-card-copy strong{white-space:normal;overflow-wrap:anywhere}.location-card-tone-0{background:linear-gradient(135deg,#164d70,#2d89ae)}.location-card-tone-1{background:linear-gradient(135deg,#246e91,#6bb5cb)}.location-card-tone-2{background:linear-gradient(135deg,#315d86,#438fb4)}.location-card-tone-3{background:linear-gradient(135deg,#0e617e,#3a9cac)}.location-card-tone-4{background:linear-gradient(135deg,#405e7c,#6aa1b8)}.location-card-tone-5{background:linear-gradient(135deg,#0f526e,#217da3)}.location-card:after{content:"";pointer-events:none;background:linear-gradient(105deg,#07233238,#0000 62%);position:absolute;inset:0}.location-card-copy{z-index:2;flex-direction:column;gap:5px;min-width:0;display:flex;position:relative}.location-card-copy strong{overflow-wrap:anywhere;font-family:var(--font-display);letter-spacing:-.035em;white-space:normal;font-size:23px;font-weight:700;line-height:1.05}.location-card-copy>span{color:#ffffffc7;font-size:11px}.location-card-pin{z-index:2;background:#ffffff26;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:relative}.location-card-selected{z-index:2;text-transform:uppercase;letter-spacing:.06em;background:#052a3a40;border:1px solid #ffffff47;border-radius:999px;grid-column:1/-1;align-items:center;gap:5px;width:max-content;padding:5px 9px;font-size:9px;font-weight:800;display:inline-flex;position:relative}.location-card-waves{z-index:0;color:#ffffff26;position:absolute;bottom:-22px;right:26px;transform:scaleX(2.4)}.location-empty,.location-refine{border:1px solid rgba(var(--ocean-rgb),.16);color:var(--muted);text-align:center;background:#ffffff8c;border-radius:18px;margin:12px 0 0;padding:22px;font-size:13px}.location-refine{padding:13px;font-size:11px}.location-map-view{border:1px solid rgba(var(--ocean-rgb),.18);background:#d8e7e8;border-radius:22px;flex-direction:column;width:100%;min-height:340px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #0b465e1a}.location-picker-map{flex:0 0 260px;width:100%;height:260px}.location-picker-map.leaflet-container{z-index:0;font-family:var(--font-app)}.location-picker-map .leaflet-control-zoom{border:0;border-radius:11px;overflow:hidden;box-shadow:0 4px 18px #1e37322e}.location-picker-map .leaflet-control-zoom a{width:34px;height:34px;color:var(--ocean);border-color:#d8e2de;line-height:32px}.location-picker-map .leaflet-control-attribution{color:#576762;background:#ffffffe0;padding:3px 7px;font-size:8px}.location-picker-map .leaflet-control-attribution a{color:var(--ocean)}.location-picker-map .leaflet-tooltip{color:var(--ink);border:0;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:750;box-shadow:0 4px 14px #142d2833}.location-picker-map-marker{background:0 0;border:0;place-items:center;display:grid!important}.location-picker-map-marker span{background:#77817e;border:2px solid #fff;border-radius:50%;width:11px;height:11px;transition:width .18s,height .18s,background .18s;display:block;box-shadow:0 2px 8px #062b3a61}.location-picker-map-marker.excellent span{background:var(--ocean)}.location-picker-map-marker.good span{background:#5b96ad}.location-picker-map-marker.sufficient span{background:#c18425}.location-picker-map-marker.poor span{background:#b34030}.location-picker-map-marker.is-active{z-index:600!important}.location-picker-map-marker.is-active span{background:var(--ocean-dark);width:18px;height:18px;box-shadow:0 0 0 5px rgba(var(--ocean-rgb),.2), 0 4px 12px #062b3a73;border-width:3px}.location-picker-map-marker:focus-visible{outline:0}.location-picker-map-marker:focus-visible span{outline:3px solid rgba(var(--ocean-rgb),.42);outline-offset:4px}.location-picker-map-cluster{color:#fff;background:rgba(var(--ocean-rgb),.2);border:0;border-radius:50%;place-items:center;box-shadow:0 3px 14px #062b3a4d;display:grid!important}.location-picker-map-cluster span{background:var(--ocean);border:2px solid #fff;border-radius:50%;place-items:center;width:calc(100% - 8px);height:calc(100% - 8px);font-size:11px;font-weight:850;display:grid}.location-picker-map-cluster:focus-visible{outline:3px solid rgba(var(--ocean-rgb),.42);outline-offset:4px}.location-map-reset{z-index:500;min-height:36px;color:var(--ocean);cursor:pointer;background:#fffffff2;border:1px solid #bfd0ca;border-radius:10px;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 15px #1d302a1c}.location-map-selection{min-width:0;color:var(--ink);background:#fffffff5;border:1px solid #b1c3bdd9;border-radius:16px;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;margin:10px;padding:12px;display:grid;box-shadow:0 6px 20px #142d2821}.location-map-selection-heading{grid-column:1/-1;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.location-map-selection-pin{color:#fff;background:var(--ocean);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.location-map-selection-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.location-map-selection-copy strong,.location-map-selection-copy small{overflow-wrap:anywhere;white-space:normal}.location-map-selection-copy strong{font-family:var(--font-display);letter-spacing:-.025em;font-size:16px}.location-map-selection-copy small{color:var(--muted);font-size:9px}.location-map-safety{min-height:28px;color:var(--ocean-dark);background:var(--mint);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:9px;font-weight:850;display:inline-flex}.location-map-safety.caution{color:#7b4c0d;background:var(--amber-soft)}.location-map-safety.danger{color:var(--danger-dark);background:var(--danger-soft)}.location-map-safety.loading,.location-map-safety.unknown{color:var(--muted);background:#eef1ed}.location-map-readings{grid-template-columns:repeat(3,minmax(92px,1fr));gap:6px;min-width:0;display:grid}.location-map-readings>span{border:1px solid var(--line);min-width:0;min-height:48px;color:var(--ocean);background:#f8faf7;border-radius:10px;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:4px;padding:7px 8px;display:grid}.location-map-readings small,.location-map-readings strong{text-overflow:ellipsis;white-space:nowrap;grid-column:2;overflow:hidden}.location-map-readings small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:7px;font-weight:750}.location-map-readings strong{color:var(--ink);font-size:10px}.location-map-readings .sufficient{color:var(--amber)}.location-map-readings .poor{color:var(--danger)}.location-map-selection button{color:#fff;background:var(--ocean);cursor:pointer;white-space:nowrap;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:0 13px;font-size:10px;font-weight:800;display:inline-flex}.location-map-empty,.location-map-loading{height:100%;min-height:340px;color:var(--muted);text-align:center;place-items:center;font-size:13px;display:grid}main{max-width:1240px;margin:0 auto;padding:12px 24px 72px}.data-notice{color:#725325;background:#fff8e8;border:1px solid #ead9b7;border-radius:12px;align-items:center;gap:9px;margin:0 0 12px;padding:12px 16px;font-size:13px;display:flex}.safety-hero{--hero-item-radius:14px;color:#fff;min-height:350px;box-shadow:var(--shadow);background:#a83b2b;border-radius:28px;padding:50px 52px 38px;position:relative;overflow:hidden}.safety-hero.caution{background:#a86416}.safety-hero.good{background:var(--ocean-dark)}.safety-hero.unknown{background:#435756}.hero-content{z-index:2;max-width:700px;position:relative}.status-pill{border-radius:var(--hero-item-radius);text-transform:uppercase;letter-spacing:.1em;background:#ffffff1f;border:0;align-items:center;gap:8px;width:max-content;padding:8px 12px;font-size:12px;font-weight:780;display:flex}.safety-hero h1{max-width:650px;font-family:var(--font-display);letter-spacing:-.048em;margin:20px 0 14px;font-size:clamp(42px,5.2vw,66px);font-weight:680;line-height:1.01}.safety-hero p{color:#ffffffd1;max-width:610px;margin:0;font-size:17px;line-height:1.65}.hero-meta{color:#ffffffa6;flex-wrap:wrap;align-items:center;gap:9px;margin-top:29px;font-size:12px;display:flex}.lake-evidence{color:#ffffffe6;max-width:760px;margin-top:20px;font-size:13px;line-height:1.6}.lake-evidence ul{margin:6px 0 14px;padding-left:20px}.lake-evidence li+li{margin-top:6px}.lake-evidence .lake-action{margin:12px 0;font-size:14px}.lake-evidence summary{cursor:pointer;padding:8px 0;font-weight:650}.lake-evidence summary:focus-visible{outline-offset:3px;outline:2px solid #fff}.live-dot{color:#ffffffd1;align-items:center;gap:6px;margin-left:5px;display:inline-flex}.live-dot i{background:#a9e0f2;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #a9e0f224}.wave-visual{pointer-events:none;opacity:.55;width:46%;height:100%;position:absolute;inset:auto -80px -18px auto}.wave-visual svg{width:100%;height:100%}.wave-visual path{stroke:#ffffff5c;stroke-width:2px}.hero-sea-facts{--hero-value-size:37px;--hero-quality-size:27px;z-index:2;color:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-top:32px;display:grid;position:relative}.hero-sea-fact{grid-template-rows:subgrid;border-radius:var(--hero-item-radius);background:#ffffff0f;border:0;grid-row:span 3;gap:14px;min-width:0;min-height:126px;margin:0;padding:18px;display:grid}.hero-sea-fact>span{color:#ffffffad;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:720;line-height:1.2}.hero-sea-fact>strong,.hero-wind-reading>strong{min-height:var(--hero-value-size);color:#fff;font-family:var(--font-display);font-size:var(--hero-value-size);letter-spacing:-.045em;align-items:flex-end;font-weight:650;line-height:1;display:inline-flex}.hero-sea-fact small{font-family:var(--font-app);letter-spacing:0;margin-left:4px;font-size:13px;font-weight:650}.hero-water-quality strong{font-size:var(--hero-quality-size);letter-spacing:-.035em;line-height:1.05}.hero-wind-reading{align-items:flex-end;gap:11px;min-width:0;display:flex}.hero-wind-compass{color:#fff;background:#ffffff1a;border:0;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative;box-shadow:inset 0 0 0 3px #ffffff0a}.hero-compass-north{z-index:2;color:#ffffffe0;font-size:7px;font-weight:850;line-height:1;position:absolute;top:2px;left:50%;transform:translate(-50%)}.hero-wind-needle{clip-path:polygon(50% 0,100% 56%,66% 48%,66% 100%,34% 100%,34% 48%,0 56%);filter:drop-shadow(0 1px 3px #05324573);transform-origin:50%;background:#bfeafb;width:18px;height:27px;transition:transform .35s;position:relative}.hero-wind-compass:after{content:"";background:var(--ocean-dark);border:1px solid #fffc;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-wind-reading>strong{min-height:auto;font-size:31px}.hero-wind-reading small{font-size:12px}.hero-temperature-detail,.hero-wind-status{color:#ffffffd9;font-size:11px;line-height:1.4}.decision-panel{margin-top:14px;padding:24px 28px}.decision-heading{align-items:center;margin-bottom:16px}.decision-hint{color:var(--muted);font-size:10px}.decision-days{border:1px solid var(--line);background:#f4f6f2;border-radius:12px;gap:3px;width:max-content;margin-bottom:11px;padding:4px;display:flex}.decision-days button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 13px;font-size:10px;font-weight:800}.decision-days button.is-selected{color:var(--ocean-dark);background:#fff;box-shadow:0 3px 10px #13475c1a}.decision-days button:focus-visible{outline:3px solid rgba(var(--ocean-rgb),.28);outline-offset:2px}.decision-times{scrollbar-width:thin;grid-template-columns:repeat(8,minmax(104px,1fr));gap:7px;width:100%;padding-bottom:3px;display:grid;overflow-x:auto}.decision-time{border:1px solid var(--line);min-height:62px;color:var(--ink);cursor:pointer;text-align:left;background:#f8f9f5;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;padding:9px 10px;transition:border-color .18s,background .18s,transform .18s;display:flex}.decision-time:hover{border-color:#aebdb8;transform:translateY(-1px)}.decision-time:focus-visible{outline:3px solid rgba(var(--ocean-rgb),.28);outline-offset:2px}.decision-time.is-selected{border-color:var(--ocean);background:var(--ocean-soft);box-shadow:inset 0 0 0 1px var(--ocean)}.decision-time.caution.is-selected{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber);background:#fff7e8}.decision-time.danger.is-selected{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger);background:#fff0eb}.decision-time.unknown.is-selected{border-color:var(--muted);box-shadow:inset 0 0 0 1px var(--muted);background:#f0f2ef}.decision-time>span{color:var(--muted);font-size:10px;font-weight:750}.decision-time strong{align-items:center;gap:6px;font-size:10px;display:inline-flex}.decision-time strong i{background:var(--ocean);border-radius:50%;width:7px;height:7px}.decision-time.caution strong i{background:var(--amber)}.decision-time.danger strong i{background:var(--danger)}.decision-time.unknown strong i{background:var(--muted)}.decision-summary{border:1px solid var(--ocean-line);background:var(--ocean-soft);border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;padding:14px 16px;display:grid}.decision-summary.caution{background:#fff7e8;border-color:#e4ca98}.decision-summary.danger{background:#fff0eb;border-color:#e4b1a8}.decision-summary.unknown{border-color:var(--line);background:#f0f2ef}.decision-summary-icon{color:#fff;background:var(--ocean);border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.decision-summary.caution .decision-summary-icon{background:var(--amber)}.decision-summary.danger .decision-summary-icon{background:var(--danger)}.decision-summary.unknown .decision-summary-icon{background:var(--muted)}.decision-summary>div:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.decision-summary strong{font-size:12px}.decision-summary>div:nth-child(2) span{color:var(--muted);font-size:10px;line-height:1.4}.decision-readings{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.decision-readings span{border:1px solid rgba(var(--ocean-rgb),.15);min-height:32px;color:var(--ocean);white-space:nowrap;background:#ffffffa6;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 32px;display:grid}.metric-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;min-height:218px;padding:22px;position:relative;overflow:hidden;box-shadow:0 5px 18px #1d302a06}.metric-card.metric-warn{border-color:#e7c2b8}.metric-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:10px;font-size:12px;font-weight:750;display:flex}.metric-icon{width:35px;height:35px;color:var(--ocean);background:#edf3f6;border-radius:10px;place-items:center;display:grid}.metric-warn .metric-icon{background:var(--danger-soft);color:var(--danger)}.metric-value{font-family:var(--font-display);letter-spacing:-.045em;margin-top:22px;font-size:44px;font-weight:650;line-height:1}.metric-value small{color:var(--muted);font-family:var(--font-app);letter-spacing:0;margin-left:6px;font-size:14px;font-weight:550}.metric-detail{color:var(--muted);margin-top:8px;font-size:13px}.mini-waves{align-items:end;gap:4px;height:22px;display:flex;position:absolute;bottom:19px;left:22px;right:22px}.mini-waves i{border-top:2px solid #b8d3df;border-radius:50%;flex:1;height:8px;transform:skewY(-7deg)}.direction,.temperature-note{color:var(--ocean);align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex;position:absolute;bottom:19px;left:22px}.temperature-note{color:#766340}.tide-line{border-bottom:1px solid var(--line);height:26px;position:absolute;bottom:25px;left:22px;right:22px}.tide-line:before{content:"";background:#bdd7e2;height:1px;position:absolute;inset:auto 0 5px;transform:rotate(-5deg)}.tide-line span{background:var(--ocean);border-radius:50%;width:7px;height:7px;position:absolute;bottom:8px;right:5px}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:14px;min-width:0;display:grid}.panel{background:var(--paper);border:1px solid var(--line);border-radius:22px;min-width:0;box-shadow:0 7px 26px #1d302a09}.forecast-panel,.checklist-panel{padding:28px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--ocean);letter-spacing:.11em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800;line-height:1;display:block}.section-heading h2,.quality-disclosure h2,.details-disclosure>summary strong{font-family:var(--font-display);font-size:var(--section-title-size);letter-spacing:-.035em;margin:0;font-weight:680;line-height:1.15}.timezone{color:var(--muted);font-size:12px}.solar-times{color:var(--muted);align-items:center;gap:12px;font-size:10px;display:flex}.solar-times span{align-items:center;gap:5px;display:inline-flex}.solar-times span:first-child svg{color:#cf8a2d}.solar-times span:last-child svg{color:#6c6a8f}.forecast-scroll{border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(8,minmax(92px,1fr));width:100%;max-width:100%;display:grid;overflow-x:auto}.forecast-hour{border-right:1px solid var(--line);min-width:92px;color:var(--muted);flex-direction:column;align-items:center;gap:9px;padding:17px 11px;display:flex}.forecast-hour:last-child{border-right:0}.forecast-hour.is-day{background:linear-gradient(#fffdf3,#fffefa)}.forecast-hour.is-night{color:#b9cbd3;background:linear-gradient(#173746,#102b38);border-color:#ffffff1a}.forecast-hour.is-now{box-shadow:inset 0 3px 0 var(--ocean)}.forecast-hour.is-night.is-now{box-shadow:inset 0 3px #8fcce3}.forecast-time{font-size:11px;font-weight:750}.daylight-label{color:#7c693c;text-transform:uppercase;letter-spacing:.04em;background:#f5eac9;border-radius:999px;align-items:center;gap:4px;min-height:18px;padding:0 6px;font-size:8px;font-weight:800;display:inline-flex}.is-night .daylight-label{color:#b9d5da;background:#b9d5da1a}.forecast-hour strong{color:var(--ink);font-size:16px}.forecast-hour.is-night strong{color:#fff}.forecast-gust{align-items:center;gap:4px;font-size:10px;display:flex}.risk-dot{align-items:center;gap:5px;font-size:10px;display:flex}.risk-dot i{border-radius:50%;width:6px;height:6px}.risk-dot.high i{background:var(--danger)}.risk-dot.medium i{background:var(--amber)}.risk-dot.low i{background:var(--ocean)}.forecast-footnote{color:var(--muted);align-items:flex-start;gap:8px;margin-top:16px;font-size:11px;line-height:1.45;display:flex}.forecast-footnote svg{flex:none}.section-heading.compact{margin-bottom:10px}.check-list{flex-direction:column;display:flex}.check-item{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr);gap:12px;padding:16px 0;display:grid}.check-icon{width:38px;height:38px;color:var(--ocean);background:#edf3f6;border-radius:50%;place-items:center;display:grid}.check-item h3{margin:1px 0 4px;font-size:13px}.check-item p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.check-status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;grid-column:2;align-items:center;gap:5px;width:max-content;padding:5px 8px;font-size:9px;font-weight:800;display:flex}.check-status.good{color:var(--ocean);background:var(--mint)}.check-status.bad{color:var(--danger-dark);background:var(--danger-soft)}.check-status.on-site{color:#715727;background:var(--amber-soft)}.lifeguard-link{color:#fff;background:var(--ocean);border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:44px;margin-top:19px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s;display:flex}.lifeguard-link:hover{background:var(--ocean-dark)}.live-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;min-width:0;margin-top:14px;display:grid}.live-grid.single-panel{grid-template-columns:1fr}.tide-panel,.webcam-panel{padding:28px}.tide-trend{min-height:32px;color:var(--ocean);background:var(--mint);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.tide-trend.falling{color:#35637a;background:#e3eff4}.tide-trend.slack{color:#715727;background:var(--amber-soft)}.tide-trend.unknown{color:var(--muted);background:#eef1ed}.tide-next-turn{border:1px solid var(--ocean-line);background:var(--ocean-soft);border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;margin-bottom:10px;padding:14px;display:grid}.tide-next-turn.low{background:#eef5f7;border-color:#cbdde5}.tide-next-turn-icon{color:#fff;background:var(--ocean);border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.tide-next-turn.low .tide-next-turn-icon{background:#4d849c}.tide-next-turn>div{flex-direction:column;gap:2px;min-width:0;display:flex}.tide-next-turn>div>span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:750}.tide-next-turn strong{font-family:var(--font-display);letter-spacing:-.025em;font-size:20px;line-height:1.1}.tide-next-turn small{color:var(--muted);font-size:9px}.tide-current{border:1px solid var(--line);background:#f7f8f3;border-radius:15px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:86px;padding:17px;display:grid}.tide-current-icon{width:40px;height:40px;color:var(--ocean);background:var(--mint);border-radius:12px;place-items:center;display:grid}.tide-current>div{flex-direction:column;gap:3px;display:flex}.tide-current>div>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.tide-current strong{font-family:var(--font-display);font-size:25px;font-weight:650}.tide-current strong small{color:var(--muted);font-family:var(--font-app);font-size:10px}.tide-current p{color:var(--muted);margin:0;font-size:11px}.tide-path{fill:none;stroke:var(--ocean);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.tide-dot{fill:#fff;stroke-width:3px}.tide-dot.high{stroke:var(--ocean)}.tide-dot.low{stroke:#4d849c}.tide-events{border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden;transform:translateY(-1px)}.tide-event{border:0;border-right:1px solid var(--line);background:var(--paper);min-width:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:4px 10px;padding:10px 9px;display:grid}.tide-event:last-child{border-right:0}.tide-event-icon{width:31px;height:31px;color:var(--ocean);background:var(--mint);border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.tide-event-icon.low{color:#35637a;background:#e3eff4}.tide-event>div{flex-direction:column;gap:2px;min-width:0;display:flex}.tide-event>div span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:700;overflow:hidden}.tide-event>div strong{font-size:16px}.tide-event>small{color:var(--muted);white-space:nowrap;grid-column:2;font-size:9px}.panel-note{color:var(--muted);align-items:flex-start;gap:7px;margin-top:15px;font-size:10px;line-height:1.45;display:flex}.panel-note svg{flex:none}.webcam-heading{margin-bottom:14px}.camera-live{color:var(--ocean);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.camera-live i{width:7px;height:7px;box-shadow:0 0 0 4px rgba(var(--ocean-rgb),.12);background:#2589b1;border-radius:50%}.camera-tabs{gap:6px;margin-bottom:10px;display:flex}.camera-tabs button{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.camera-tabs button:hover{border-color:#aeb8b3}.camera-tabs button.is-active{color:#fff;border-color:var(--ocean);background:var(--ocean)}.camera-tabs button:focus-visible,.camera-consent:focus-visible{outline:3px solid rgba(var(--ocean-rgb),.28);outline-offset:2px}.camera-stage{aspect-ratio:16/9;background:#12384c;border-radius:14px;width:100%;overflow:hidden}.camera-stage iframe{border:0;width:100%;height:100%;display:block}.camera-consent{color:#fff;cursor:pointer;text-align:center;background:radial-gradient(circle at 70% 20%,#66b1cf47,#0000 30%),linear-gradient(145deg,#0b4b68,#112d3b);border:0;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;height:100%;padding:24px;display:flex}.camera-external,.camera-empty{color:#fff;text-align:center;background:radial-gradient(circle at 70% 20%,#66b1cf47,#0000 30%),linear-gradient(145deg,#0b4b68,#112d3b);flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;height:100%;padding:24px;display:flex}.camera-external{text-decoration:none}.camera-external:hover em{text-decoration:underline}.camera-external>span,.camera-empty>span{background:#ffffff1f;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.camera-external strong,.camera-empty strong{font-size:13px}.camera-external small,.camera-empty small{color:#ffffffa6;max-width:330px;font-size:9px;line-height:1.45}.camera-external em{color:#c2e8f6;align-items:center;gap:5px;font-size:10px;font-style:normal;font-weight:800;display:inline-flex}.camera-empty{background:radial-gradient(circle at 70% 20%,#ffffff14,#0000 30%),linear-gradient(145deg,#425553,#263c3d)}.camera-consent>span{background:#ffffff1f;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.camera-consent strong{font-size:13px}.camera-consent small{color:#ffffffa6;max-width:330px;font-size:9px;line-height:1.45}.camera-source{color:var(--muted);justify-content:space-between;align-items:flex-start;gap:16px;margin-top:12px;font-size:9px;line-height:1.4;display:flex}.camera-source a{color:var(--ocean);white-space:nowrap;flex:none;align-items:center;gap:4px;font-weight:750;text-decoration:none;display:inline-flex}.camera-source a:hover{text-decoration:underline}.camera-external:focus-visible{outline:3px solid rgba(var(--ocean-rgb),.28);outline-offset:3px}.tide-primary-events{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.tide-primary-events .tide-event{border:1px solid var(--line);background:#f8f9f5;border-radius:14px;min-height:90px;padding:14px}.tide-primary-events .tide-event:last-child{border-right:1px solid var(--line)}.tide-primary-events .tide-event-icon{width:34px;height:34px}.tide-primary-events .tide-event>div strong{font-family:var(--font-display);font-size:25px;font-weight:650}.tide-current-compact{color:var(--muted);background:#f3f5f1;border-radius:11px;align-items:center;gap:7px;margin-top:9px;padding:10px 12px;font-size:10px;display:flex}.tide-current-compact svg{color:var(--ocean)}.tide-current-compact strong{color:var(--ink);margin-left:auto;font-size:10px}.tide-more{border-top:1px solid var(--line);margin-top:9px}.tide-more summary{min-height:38px;color:var(--ocean);cursor:pointer;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;list-style:none;display:flex}.tide-more summary::-webkit-details-marker{display:none}.tide-more[open] summary svg{transform:rotate(180deg)}.tide-more-events{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.uk-explorer{min-width:0;padding:22px 0 0}.uk-explorer-heading{align-items:center;margin-bottom:18px}.location-count{min-height:32px;color:var(--ocean);background:var(--mint);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.uk-explorer-grid{grid-template-columns:minmax(290px,.72fr) minmax(0,1.5fr);align-items:start;gap:16px;display:grid}.beach-finder{min-width:0}.beach-search{min-height:46px;color:var(--ocean);background:#fff;border:1px solid #cfd7d1;border-radius:12px;align-items:center;gap:9px;padding:0 13px;display:flex}.beach-search:focus-within{border-color:var(--ocean);outline:3px solid rgba(var(--ocean-rgb),.16)}.beach-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.beach-search input::placeholder{color:#8a9692}.nation-filters{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.nation-filters button{border:1px solid var(--line);min-height:30px;color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:0 9px;font-size:9px;font-weight:750}.nation-filters button:hover{border-color:#aeb8b3}.nation-filters button.is-active{color:#fff;border-color:var(--ocean);background:var(--ocean)}.nation-filters button:focus-visible,.beach-results button:focus-visible,.uk-map-reset:focus-visible{outline:3px solid rgba(var(--ocean-rgb),.28);outline-offset:2px}.beach-results-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin:15px 2px 7px;font-size:9px;font-weight:800}.beach-results{flex-direction:column;gap:5px;display:flex}.beach-results button{width:100%;min-height:48px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;flex-shrink:0;grid-template-columns:30px minmax(0,1fr) 10px;align-items:center;gap:9px;padding:7px 9px;display:grid}.beach-results button:hover{border-color:var(--line);background:#fff}.beach-results button.is-selected{border-color:var(--ocean-line);background:var(--ocean-soft)}.result-pin{width:30px;height:30px;color:var(--ocean);background:#e5f0f5;border-radius:9px;place-items:center;display:grid}.beach-results button>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.beach-results strong,.beach-results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.beach-results strong{white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.35}.beach-results small{color:var(--muted);white-space:normal;font-size:11px;line-height:1.4}.classification-dot{background:#77817e;border-radius:50%;width:8px;height:8px}.classification-dot.excellent{background:var(--ocean)}.classification-dot.good{background:#5b96ad}.classification-dot.sufficient{background:#c18425}.classification-dot.poor{background:#b34030}.beach-empty{color:var(--muted);text-align:center;padding:28px 12px;font-size:11px;line-height:1.5}.result-hint{color:var(--muted);margin:9px 2px 0;font-size:9px;line-height:1.4}.uk-map-frame{min-width:0;position:relative}.uk-map-canvas{z-index:0;background:#d8e7e8;border:1px solid #c2d2cd;border-radius:16px;width:100%;height:565px;position:relative;overflow:hidden}.uk-map-canvas.leaflet-container{font-family:var(--font-app)}.uk-map-reset{z-index:500;min-height:36px;color:var(--ocean);cursor:pointer;background:#fffffff0;border:1px solid #bfd0ca;border-radius:10px;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 15px #1d302a1c}.uk-map-legend{z-index:500;color:var(--muted);background:#fffffff0;border:1px solid #b1c3bdcc;border-radius:10px;flex-wrap:wrap;gap:8px 12px;padding:9px 10px;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 15px #1d302a1a}.uk-map-legend span{align-items:center;gap:5px;display:flex}.uk-map-legend i{border-radius:50%;width:7px;height:7px}.uk-map-legend .selected{background:var(--ocean-dark);box-shadow:0 0 0 1px var(--ocean-dark);border:2px solid #fff}.uk-map-legend .excellent{background:var(--ocean)}.uk-map-legend .good{background:#5b96ad}.uk-map-legend .sufficient{background:#c18425}.uk-map-legend .poor{background:#b34030}.water-quality-panel{margin:14px 0 0;padding:0;overflow:hidden}.water-quality-heading{align-items:center;margin-bottom:18px}.official-data{min-height:32px;color:var(--ocean);background:var(--mint);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.water-quality-grid{grid-template-columns:minmax(220px,.72fr) minmax(240px,.9fr) minmax(280px,1.25fr);gap:12px;display:grid}.classification-card{border:1px solid var(--ocean-line);background:var(--ocean-soft);border-radius:16px;align-items:center;gap:15px;min-height:144px;padding:20px;display:flex}.quality-icon{color:#fff;background:var(--ocean);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.classification-card>div{flex-direction:column;gap:7px;min-width:0;display:flex}.classification-card span:not(.quality-icon){color:#4b6e7c;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800}.classification-card strong{font-family:var(--font-display);font-size:30px;font-weight:650;line-height:1}.water-quality-panel.good .classification-card{background:#f0f6f9;border-color:#c4dbe5}.water-quality-panel.good .quality-icon{background:#4f8fa8}.water-quality-panel.sufficient .classification-card{background:#fbf1dc;border-color:#e2c78e}.water-quality-panel.sufficient .quality-icon{background:#bd7e1e}.water-quality-panel.poor .classification-card{background:#fcebe6;border-color:#e3afa6}.water-quality-panel.poor .quality-icon{background:#b34030}.water-quality-panel.unclassified .classification-card{background:#f1f3f1;border-color:#ced3d0}.water-quality-panel.unclassified .quality-icon{background:#77817e}.quality-details{border:1px solid var(--line);background:#f8f9f5;border-radius:16px;grid-template-columns:1fr;gap:15px;min-height:144px;padding:18px;display:grid}.quality-details>div{flex-direction:column;gap:4px;min-width:0;display:flex}.quality-details>div+div{border-top:1px solid var(--line);padding-top:13px}.quality-details span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800}.quality-details strong{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.quality-details strong svg{color:var(--ocean);flex:none}.quality-details small{color:var(--muted);font-size:9px}.quality-advice{flex-direction:column;gap:8px;display:flex}.quality-notice{border:1px solid var(--line);min-height:67px;color:var(--muted);background:#f8f9f5;border-radius:13px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:9px;padding:13px 14px;font-size:9px;line-height:1.45;display:grid}.quality-notice>svg{color:var(--ocean)}.quality-notice>span{flex-direction:column;gap:3px;display:flex}.quality-notice strong{color:var(--ink);font-size:10px}.quality-notice.rain{background:#fff8e8;border-color:#e5cf9f}.quality-notice.rain>svg{color:#bd7e1e}.quality-notice.risk-increased,.quality-notice.risk-high{background:#fcebe6;border-color:#e3afa6}.quality-notice.risk-increased>svg,.quality-notice.risk-high>svg{color:#b34030}.water-quality-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding-top:14px;display:flex}.water-quality-footer p{max-width:760px;color:var(--muted);margin:0;font-size:9px;line-height:1.5}.water-quality-footer a{color:var(--ocean);flex:none;align-items:center;gap:5px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.water-quality-footer a:hover{text-decoration:underline}.quality-disclosure>summary{cursor:pointer;grid-template-columns:minmax(210px,.9fr) minmax(210px,1fr) auto 20px;align-items:center;gap:14px;min-height:88px;padding:22px 28px;list-style:none;display:grid}.quality-disclosure>summary::-webkit-details-marker{display:none}.quality-disclosure>summary:focus-visible{outline:3px solid rgba(var(--ocean-rgb),.28);outline-offset:-3px}.quality-summary-icon{color:#fff;background:var(--ocean);border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.water-quality-panel.good .quality-summary-icon{background:#4f8fa8}.water-quality-panel.sufficient .quality-summary-icon{background:#bd7e1e}.water-quality-panel.poor .quality-summary-icon{background:#b34030}.water-quality-panel.unclassified .quality-summary-icon{background:#77817e}.quality-disclosure h2{align-items:center;gap:10px;display:flex}.quality-summary-result{flex-direction:column;gap:4px;display:flex}.quality-summary-result strong{font-family:var(--font-display);font-size:22px;font-weight:650}.quality-summary-result span{color:var(--muted);font-size:9px}.quality-chevron{color:var(--muted);transition:transform .2s}.quality-disclosure[open] .quality-chevron{transform:rotate(180deg)}.quality-expanded{border-top:1px solid var(--line);padding:0 28px 20px}.quality-expanded .water-quality-grid{padding-top:20px}.details-disclosure{border:1px solid var(--line);background:var(--paper);border-radius:18px;margin-top:14px;overflow:hidden;box-shadow:0 7px 26px #1d302a06}.details-disclosure>summary{min-height:88px;padding:22px var(--panel-inline-padding);cursor:pointer;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) 24px;align-items:center;gap:20px;list-style:none;display:grid}.details-disclosure>summary::-webkit-details-marker{display:none}.details-disclosure>summary:focus-visible{outline:3px solid rgba(var(--ocean-rgb),.28);outline-offset:-3px}.details-disclosure>summary>div{min-width:0}.details-disclosure>summary strong{display:block}.details-disclosure>summary>span{color:var(--muted);font-size:10px;line-height:1.45}.details-disclosure>summary>svg{color:var(--ocean);transition:transform .2s}.details-disclosure[open]>summary>svg{transform:rotate(180deg)}.details-content{padding:0 var(--panel-inline-padding) 22px;border-top:1px solid var(--line)}.details-content .metrics-grid{margin:14px 0}.details-content .checklist-panel{margin-bottom:14px}.details-content .coast-map-panel{margin-top:0}.coast-map-panel{margin-top:14px;padding:28px}.map-heading{align-items:center;margin-bottom:14px}.map-reset-button{border:1px solid var(--ocean-line);min-height:36px;color:var(--ocean);cursor:pointer;background:#f7fbfd;border-radius:10px;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex}.map-reset-button:hover{border-color:var(--ocean);background:var(--ocean-soft)}.map-reset-button:focus-visible,.map-layer-controls button:focus-visible{outline:3px solid rgba(var(--ocean-rgb),.28);outline-offset:2px}.map-status-row{color:var(--muted);align-items:center;gap:12px;margin-bottom:12px;font-size:10px;display:flex}.map-current-status{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:29px;padding:0 9px;font-weight:800;display:inline-flex}.map-current-status i{background:currentColor;border-radius:50%;width:7px;height:7px}.map-current-status.good{color:var(--ocean-dark);background:var(--mint)}.map-current-status.caution{color:#8a5c18;background:#f8ead1}.map-current-status.danger{color:#9c3124;background:#fae4dc}.map-layer-controls{flex-wrap:wrap;gap:7px;margin-bottom:10px;display:flex}.map-layer-controls button{border:1px solid var(--line);min-height:36px;color:var(--muted);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:0 11px;font-size:10px;font-weight:750;display:inline-flex}.map-layer-controls button:hover{border-color:#aeb8b3}.map-layer-controls button.is-active.zones{color:var(--ocean-dark);border-color:var(--ocean-line);background:var(--ocean-soft)}.map-layer-controls button.is-active.hazards{color:#9c3124;background:#fff0eb;border-color:#e7b8ae}.map-layer-controls button.is-active.incidents{color:#8b4a34;background:#fff6ef;border-color:#e5c0b4}.coast-map-frame{position:relative}.coast-map-canvas{z-index:0;background:#d8e7e8;border:1px solid #c2d2cd;border-radius:18px;width:100%;height:540px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff73}.coast-map-canvas.leaflet-container{font-family:var(--font-app)}.coast-map-canvas .leaflet-control-zoom{border:0;border-radius:10px;overflow:hidden;box-shadow:0 4px 18px #1e373233}.coast-map-canvas .leaflet-control-zoom a{width:34px;height:34px;color:var(--ocean);border-color:#d8e2de;line-height:32px}.coast-map-canvas .leaflet-control-zoom a:hover{background:var(--ocean-soft)}.coast-map-canvas .leaflet-control-attribution{color:#576762;background:#ffffffe0;padding:3px 7px;font-size:9px}.coast-map-canvas .leaflet-control-attribution a{color:var(--ocean)}.coast-map-canvas .leaflet-control-scale-line{color:#2f4f4a;background:#fffc;border-color:currentColor #385b56 #385b56;border-top-style:none;border-top-width:0;font-size:9px}.coast-map-canvas .leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 8px 28px #142d2840}.coast-map-canvas .leaflet-popup-content{color:var(--ink);margin:14px 16px;font-size:11px;line-height:1.45}.coast-map-canvas .leaflet-popup-content strong{margin-bottom:4px;font-size:13px;display:block}.coast-map-canvas .leaflet-popup-content p{color:var(--muted);margin:0}.coast-map-canvas .leaflet-tooltip{color:var(--ink);border:0;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:750;box-shadow:0 4px 14px #142d2833}.incident-map-marker,.current-map-marker,.hazard-map-marker{background:0 0;border:0}.incident-map-marker span{color:#8a491b;background:#fff8ed;border:3px solid #d5782d;border-radius:50%;place-items:center;width:36px;height:36px;font-size:10px;font-weight:850;display:grid;box-shadow:0 4px 14px #6d411d40}.hazard-map-marker span{color:#fff;background:#ad3828;border:3px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;font-weight:900;display:grid;box-shadow:0 3px 12px #60221957}.current-map-marker{align-items:center;gap:7px;display:flex}.current-map-marker span{background:var(--ocean);width:22px;height:22px;box-shadow:0 0 0 6px rgba(var(--ocean-rgb),.22), 0 3px 10px #142d284d;border:5px solid #fff;border-radius:50%;flex:none;animation:2s ease-out infinite map-pulse;display:block;position:relative}.current-map-marker b{border:1px solid rgba(var(--ocean-rgb),.2);color:var(--ocean-dark);white-space:nowrap;background:#fffffff0;border-radius:7px;padding:4px 7px;font-size:9px;line-height:1;box-shadow:0 3px 10px #142d282e}@keyframes map-pulse{0%,to{box-shadow:0 0 0 5px rgba(var(--ocean-rgb),.22), 0 3px 10px #142d284d}50%{box-shadow:0 0 0 10px rgba(var(--ocean-rgb),.08), 0 3px 10px #142d284d}}.map-legend{z-index:600;color:#51615d;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffed;border:1px solid #697e773d;border-radius:11px;gap:7px;min-width:172px;padding:11px 12px;font-size:9px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 5px 18px #2036312b}.map-legend strong{color:var(--ink);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.map-legend span{align-items:center;gap:7px;display:inline-flex}.map-legend i{border-radius:3px;flex:none;width:12px;height:7px}.map-legend i.good{border:1px solid var(--ocean);background:#65acce}.map-legend i.caution{background:0 0;border-top:2px dashed #bc8428;border-radius:0;height:0}.map-legend i.danger{background:#c33f2c;border-radius:2px;width:13px;height:3px}.map-legend i.model{background:var(--ocean);width:9px;height:9px;box-shadow:0 0 0 2px rgba(var(--ocean-rgb),.25);border:2px solid #fff;border-radius:50%}.map-legend i.incident{background:#fff8ed;border:2px solid #d5782d;border-radius:50%;width:10px;height:10px}.map-footnote{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:16px minmax(0,1fr) auto;align-items:start;gap:8px;margin-top:11px;padding-top:13px;font-size:9px;line-height:1.45;display:grid}.map-footnote a{color:var(--ocean);white-space:nowrap;align-items:center;gap:4px;font-weight:750;text-decoration:none;display:inline-flex}.map-footnote a:hover{text-decoration:underline}.map-source-links{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.disclaimer{color:var(--muted);background:#eeeee7;border-radius:15px;justify-content:space-between;align-items:center;gap:24px;margin-top:14px;padding:18px 22px;font-size:11px;display:flex}.disclaimer>div{align-items:flex-start;gap:10px;max-width:840px;display:flex}.disclaimer p{margin:0;line-height:1.5}.disclaimer a{white-space:nowrap;align-items:center;gap:5px;font-weight:700;text-decoration:none;display:flex}footer{border-top:1px solid var(--line);max-width:1240px;color:var(--muted);align-items:center;gap:22px;margin:0 auto;padding:25px 24px 38px;font-size:11px;display:flex}footer>span{color:var(--ink);letter-spacing:-.04em;font-size:15px;font-weight:800}footer p{margin:0}footer .footer-links{flex-wrap:wrap;align-items:center;gap:16px;margin-left:auto;display:flex}footer a{align-items:center;gap:5px;font-weight:650;text-decoration:none;display:flex}.support-trigger,.install-trigger{color:var(--ocean)}.app-modal-overlay{z-index:2500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07222f8a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.app-modal-sheet{width:min(430px,100%);color:var(--ink);background:var(--paper);border:1px solid #ffffffb8;border-radius:25px;padding:30px;animation:.22s ease-out app-modal-in;position:relative;box-shadow:0 28px 75px #051e2a4d}.app-modal-close{border:1px solid var(--line);width:39px;height:39px;color:var(--muted);cursor:pointer;background:#f7f8f5;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.app-modal-close:hover{color:var(--ink);background:#fff}.app-modal-close:focus-visible,.support-action:focus-visible,.install-done:focus-visible{outline:3px solid rgba(var(--ocean-rgb),.3);outline-offset:3px}.support-icon,.install-icon{width:54px;height:54px;color:var(--ocean);background:var(--ocean-soft);border-radius:17px;place-items:center;display:grid}.app-modal-sheet h2{font-family:var(--font-display);letter-spacing:-.04em;margin:20px 0 9px;font-size:29px;line-height:1.05}.app-modal-sheet p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.app-modal-sheet small{color:#82908c;margin-top:10px;font-size:10px;line-height:1.4;display:block}.support-action{color:#fff;background:var(--ocean);border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:49px;margin-top:22px;padding:0 16px;font-size:13px;font-weight:800;text-decoration:none;transition:background .18s,transform .18s;display:flex}.support-action:hover{background:var(--ocean-dark)}.support-action:active{transform:scale(.985)}.support-action svg:last-child{opacity:.72;margin-left:auto}.install-steps{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.install-steps li{border:1px solid var(--line);background:#f8f9f6;border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;min-height:52px;padding:8px 12px;display:grid}.install-steps li>span{width:34px;height:34px;color:var(--ocean);background:var(--ocean-soft);border-radius:10px;place-items:center;display:grid}.install-steps strong{font-size:12px;line-height:1.35}.install-done{color:#fff;background:var(--ocean);cursor:pointer;border:0;border-radius:14px;width:100%;min-height:48px;margin-top:18px;font-size:13px;font-weight:800}.install-done:hover{background:var(--ocean-dark)}@keyframes app-modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes locate-pulse{50%{opacity:.42;transform:scale(.82)}}@media (width<=980px){.safety-hero{padding:46px 40px}.wave-visual{opacity:.28;width:55%}.hero-sea-facts{gap:16px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.live-grid,.uk-explorer-grid{grid-template-columns:1fr}.water-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-advice{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.beach-results{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.uk-map-canvas{height:500px}.check-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.check-item{border:1px solid var(--line);border-radius:14px;flex-direction:column;padding:15px;display:flex}.check-status{margin-top:auto}.quality-disclosure>summary{grid-template-columns:minmax(0,1fr) auto 20px}.quality-summary-result{grid-column:1}.quality-disclosure>summary .official-data{grid-area:1/2/span 2}.quality-chevron{grid-area:1/3/span 2}}@media (width<=640px){:root{--section-title-size:26px;--panel-inline-padding:17px}.site-header{gap:10px;height:72px;padding:12px 16px}.brand{font-size:17px}.brand-mark{width:34px;height:34px}.header-actions{flex:1;min-width:0}.location-picker{flex:1;justify-content:flex-start;min-width:0;max-width:none;padding:0 10px}.location-picker-label{max-width:none;display:block}.brand>span:last-child{display:none}.location-picker>svg,.refresh-button{flex-shrink:0}.location-screen{-webkit-backdrop-filter:none;backdrop-filter:none;background:#eaf2f6;place-items:stretch stretch;padding:0}.location-screen-shell{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0}.location-screen-header{padding:max(22px, env(safe-area-inset-top)) 20px 15px}.location-screen-header h1{margin-top:12px;font-size:39px}.location-screen-header p{font-size:11px}.location-screen-close{width:42px;height:42px}.location-view-toggle{width:auto;margin:0 16px 10px}.location-view-toggle button{min-width:0}.location-search{border-radius:15px;min-height:50px;margin:0 16px}.nearest-location-action{min-height:56px;margin:10px 16px 0}.location-screen-content{padding:6px 16px calc(24px + env(safe-area-inset-bottom))}.location-card-grid{grid-template-columns:1fr;gap:11px}.location-card{min-height:133px;padding:18px}.location-card-copy strong{font-size:22px}.location-screen-content.is-map{padding-left:10px;padding-right:10px}.location-map-view,.location-map-empty,.location-map-loading{min-height:300px}.location-picker-map{flex-basis:240px;height:240px}.location-map-selection{grid-template-columns:1fr;gap:8px;margin:8px}.location-map-selection-heading{grid-template-columns:36px minmax(0,1fr);gap:9px}.location-map-selection-pin{width:36px;height:36px}.location-map-safety{grid-column:2;justify-self:start}.location-map-readings{grid-template-columns:repeat(3,minmax(0,1fr))}.location-map-readings>span{grid-template-columns:16px minmax(0,1fr);padding:6px}.location-map-selection button{grid-column:1/-1;width:100%}.geolocation-button{display:none}main{padding:4px 12px 48px}.safety-hero{border-radius:22px;min-height:0;padding:31px 24px 24px}.safety-hero h1{margin-top:18px;font-size:clamp(38px,11.2vw,46px)}.safety-hero p{font-size:14px;line-height:1.55}.hero-meta{margin-top:22px}.hero-meta>span:nth-child(2){display:none}.live-dot{width:100%;margin:4px 0 0}.wave-visual{opacity:.56;width:100%;height:185px;bottom:-12px;right:-65px}.hero-sea-facts{--hero-value-size:clamp(28px, 8.4vw, 35px);--hero-quality-size:clamp(20px, 6.2vw, 26px);grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:28px}.hero-sea-fact{border-radius:var(--hero-item-radius);gap:9px;min-height:111px;padding:14px}.hero-sea-fact>span{letter-spacing:.06em;font-size:9px}.hero-sea-fact small{margin-left:2px;font-size:11px}.hero-wind-reading{gap:8px}.hero-wind-compass{width:40px;height:40px}.hero-wind-needle{width:16px;height:23px}.hero-wind-reading>strong{font-size:clamp(24px,7.4vw,31px)}.hero-wind-reading small{font-size:10px}.decision-panel{padding:20px 17px}.decision-heading{flex-direction:column;align-items:flex-start;gap:7px}.decision-days{width:100%}.decision-days button{flex:1 1 0;min-width:0;padding:0 8px}.decision-times{scroll-snap-type:x proximity;grid-template-columns:repeat(8,102px);margin-right:-17px;padding-right:17px}.decision-time{scroll-snap-align:start}.decision-summary{grid-template-columns:38px minmax(0,1fr)}.decision-readings{grid-column:2}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:9px 0 22px}.metric-card{border-radius:15px;min-height:184px;padding:16px}.metric-heading{letter-spacing:.04em;gap:7px;font-size:9px}.metric-icon{width:30px;height:30px}.metric-value{margin-top:18px;font-size:35px}.metric-value small{margin-left:3px;font-size:10px;display:inline}.metric-detail{font-size:10px}.direction,.temperature-note{font-size:10px;bottom:15px;left:16px}.mini-waves,.tide-line{left:16px;right:16px}.forecast-panel,.checklist-panel,.tide-panel,.webcam-panel{padding:22px 17px}.section-heading{align-items:flex-start}.timezone,.solar-times{display:none}.forecast-scroll{scroll-snap-type:x proximity;margin:0 -17px;padding-left:17px}.forecast-hour{scroll-snap-align:start}.check-list{display:flex}.check-item{border:0;border-bottom:1px solid var(--line);border-radius:0;grid-template-columns:38px minmax(0,1fr);padding:15px 0;display:grid}.check-status{grid-column:2}.tide-current{grid-template-columns:40px minmax(0,1fr)}.tide-current p{grid-column:2}.tide-events{border-top:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));transform:none}.tide-event:nth-child(2){border-right:0}.tide-event:nth-child(-n+2){border-bottom:1px solid var(--line)}.coast-map-panel{padding:22px 17px}.water-quality-panel{margin:10px 0 0;padding:0}.quality-disclosure>summary{grid-template-columns:minmax(0,1fr) 20px;gap:10px;min-height:104px;padding:22px 17px}.quality-summary-icon{width:38px;height:38px}.quality-summary-result{grid-column:1}.quality-summary-result strong{font-size:19px}.quality-disclosure>summary .official-data{display:none}.quality-chevron{grid-area:1/2/span 2}.quality-expanded{padding:0 17px 16px}.water-quality-heading{flex-direction:column;align-items:flex-start;gap:12px}.water-quality-grid{grid-template-columns:1fr}.quality-advice{grid-column:auto;display:flex}.classification-card{min-height:116px}.water-quality-footer{flex-direction:column;align-items:flex-start;gap:10px}.uk-explorer-heading{flex-direction:column;align-items:flex-start;gap:12px}.location-count{white-space:normal}.nation-filters{flex-wrap:nowrap;margin-right:-12px;padding-right:12px;overflow-x:auto}.nation-filters button{flex:none}.beach-results{display:flex}.uk-map-canvas{height:430px}.uk-map-legend{max-width:calc(100% - 24px);left:12px;right:auto}.map-heading{flex-direction:column;gap:14px}.map-reset-button{align-self:flex-start}.map-status-row{flex-direction:column;align-items:flex-start;gap:8px}.map-layer-controls{grid-template-columns:1fr;display:grid}.map-layer-controls button{justify-content:flex-start}.coast-map-canvas{width:calc(100% + 10px);height:480px;margin:0 -5px}.map-legend{gap:6px;min-width:148px;padding:9px 10px;font-size:8px;top:10px;right:5px}.map-footnote{grid-template-columns:16px minmax(0,1fr)}.map-source-links{grid-column:2;align-items:flex-start}.camera-source{flex-direction:column;gap:8px}.tide-primary-events{grid-template-columns:1fr 1fr}.tide-primary-events .tide-event{grid-template-columns:25px minmax(0,1fr);min-height:98px;padding:11px 9px}.tide-primary-events .tide-event-icon{width:25px;height:25px}.tide-primary-events .tide-event>div strong{font-size:21px}.details-disclosure>summary{min-height:88px;padding:22px var(--panel-inline-padding);grid-template-columns:minmax(0,1fr) 22px;gap:8px}.details-disclosure>summary>span{grid-column:1}.details-disclosure>summary>svg{grid-area:1/2/span 2}.details-content{padding:0 17px 17px}.disclaimer{flex-direction:column;align-items:flex-start;padding:17px}footer{flex-wrap:wrap;margin:0 12px;padding:23px 4px 32px}footer p{order:3;width:100%}.app-modal-overlay{place-items:end stretch;padding:0}.app-modal-sheet{width:100%;padding:27px 22px calc(24px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:25px 25px 0 0}.app-modal-sheet h2{padding-right:34px;font-size:27px}}@media (width<=430px){.brand>span:last-child{display:none}}@media (width<=370px){.header-actions{gap:6px}.icon-button{width:40px;min-height:40px}.location-picker{min-height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}.assessment{grid-template-columns:1fr 1.25fr 1.15fr;align-items:stretch;gap:14px;margin:18px 0;display:grid}.assessment-inland{grid-template-columns:1fr 1fr}.assessment:has(.wind-guidance[open]){align-items:start}.assessment-factor{border:1px solid var(--line);background:var(--paper);min-width:0;min-height:320px;color:var(--ink);border-radius:18px;flex-direction:column;gap:14px;padding:22px;font-size:13px;line-height:1.6;display:flex}.assessment-heading{align-items:center;gap:10px;display:flex}.assessment-heading h3{margin:0;font-size:15px;line-height:1.4}.assessment-heading>.assessment-meta{text-align:right;max-width:55%;margin-left:auto;font-size:11px;line-height:1.4}.assessment-icon{background:var(--ocean-soft);width:34px;height:34px;color:var(--ocean-dark);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.assessment-metrics{margin:2px 0 0}.assessment-metrics dt{color:var(--muted);font-size:12px;line-height:1.5}.assessment-metrics dd{color:var(--ink);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:34px;font-weight:700;line-height:1.15}.assessment-metrics dd span{color:var(--muted);letter-spacing:0;font-size:14px;font-weight:500}.assessment-wind-metrics{grid-template-columns:1fr 1fr;gap:16px;display:grid}.assessment-wind-metrics>div+div{border-left:1px solid var(--line);padding-left:16px}.assessment-metrics .assessment-metric-secondary{color:var(--muted);letter-spacing:0;margin-top:6px;font-size:12px;font-weight:500}.assessment-metrics .assessment-quality-value{font-size:27px;line-height:1.25}.assessment-factor p{margin:0}.assessment-direction,.assessment-meta{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.assessment-status{background:var(--ocean-soft);color:var(--ocean-dark);border-radius:8px;align-self:flex-start;padding:6px 10px;font-size:12px;font-weight:650;line-height:1.5}.assessment-factor.caution .assessment-status,.assessment-factor.caution .assessment-icon{background:var(--amber-soft);color:#80500f}.assessment-factor.danger .assessment-status,.assessment-factor.danger .assessment-icon{background:var(--danger-soft);color:var(--danger-dark)}.assessment-factor.unknown .assessment-status,.assessment-factor.unknown .assessment-icon{color:#52615d;background:#eef1ed}.assessment-copy{font-size:13px;line-height:1.65}.assessment-note{color:var(--muted);align-items:flex-start;gap:7px;font-size:12px;display:flex}.assessment-note svg{flex-shrink:0;margin-top:2px}.assessment-factor .assessment-footer{border-top:1px solid var(--line);margin-top:auto;padding-top:14px}.assessment-source,.wind-guidance a{color:var(--ocean-dark);text-underline-offset:3px;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:650;display:inline-flex}.assessment-source svg{flex-shrink:0}.wind-guidance{color:var(--ink);line-height:1.65}.wind-guidance summary{cursor:pointer;min-height:32px;color:var(--ocean-dark);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;list-style:none;display:flex}.wind-guidance summary::-webkit-details-marker{display:none}.wind-guidance summary svg{flex-shrink:0;transition:transform .2s}.wind-guidance[open] summary svg{transform:rotate(180deg)}.wind-guidance summary:focus-visible,.assessment-source:focus-visible{outline:2px solid var(--ocean);outline-offset:4px;border-radius:3px}.wind-guidance-content{padding-top:8px}.wind-guidance-content p{margin:10px 0}.wind-guidance-content strong{margin-top:16px;font-size:13px;display:block}.wind-guidance ul{margin:10px 0;padding-left:18px}.wind-guidance li+li{margin-top:10px}.outlook-window{border:1px solid var(--ocean-line);background:var(--ocean-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:20px;display:flex}.outlook-window h3{letter-spacing:-.025em;margin:8px 0;font-size:20px}.outlook-window p{margin:8px 0;font-size:13px;line-height:1.5}.outlook-window small{color:var(--muted);line-height:1.5;display:block}.outlook-window button{color:#fff;background:var(--ocean-dark);cursor:pointer;min-height:44px;font:inherit;border:0;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.outlook-window button:focus-visible{outline:3px solid var(--ocean);outline-offset:3px}@media (width<=700px){.assessment{grid-template-columns:1fr}.assessment-factor{min-height:0;padding:20px}.outlook-window{flex-direction:column;align-items:flex-start;padding:16px}.outlook-window h3{font-size:18px}}.tide-chart{border:1px solid var(--line);background:linear-gradient(180deg, #f6fbf9, var(--paper));border-radius:14px;margin-top:16px;padding:16px}.tide-chart-reading{justify-content:space-between;align-items:center;gap:12px;display:flex}.tide-chart-reading>div{gap:4px;display:grid}.tide-chart-reading span,.tide-chart-reading small{color:var(--muted);font-size:11px;font-weight:500}.tide-chart-reading strong{font-size:15px}.tide-chart-reading>strong{color:var(--ocean-dark);white-space:nowrap;font-variant-numeric:tabular-nums}.tide-chart-hint{color:var(--muted);margin:10px 0 14px;font-size:11px;line-height:1.5}.tide-plot{grid-template-columns:52px minmax(0,1fr);gap:6px;display:grid}.tide-y-labels{height:160px;color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;padding:9px 0;font-size:10px;display:flex}.tide-plot-main{min-width:0}.tide-plot svg{width:100%;height:160px;color:var(--ocean);cursor:crosshair;touch-action:pan-y;display:block}.tide-grid-line{stroke:var(--line);stroke-dasharray:3 4}.tide-selection-line{stroke:var(--ocean-dark);stroke-dasharray:4 4}.tide-selected-dot{fill:var(--ocean-dark);stroke:#fff;stroke-width:3px}.tide-x-labels{color:var(--muted);justify-content:space-between;gap:8px;margin-top:7px;font-size:10px;display:flex}.tide-x-labels span{max-width:38%}.tide-x-labels span:last-child{text-align:right}.tide-chart-controls{justify-content:flex-end;align-items:center;gap:14px;margin-top:14px;display:flex}.tide-chart-controls button{border:1px solid var(--ocean-line);background:var(--paper);min-height:44px;color:var(--ocean-dark);font:inherit;cursor:pointer;border-radius:9px;padding:8px 12px;font-size:11px}.tide-chart-controls button:disabled{opacity:.5;cursor:default}.tide-event:hover:not(:disabled),.tide-event[aria-pressed=true]{background:var(--ocean-soft);box-shadow:inset 0 0 0 2px var(--ocean)}.tide-event:disabled{cursor:default}.tide-event:focus-visible,.tide-chart-controls button:focus-visible,.tide-more summary:focus-visible{outline:3px solid var(--ocean);outline-offset:3px}.tide-primary-events .tide-event{grid-template-columns:34px minmax(0,1fr)}.tide-more-events{border:0;gap:8px;overflow:visible}.tide-more-events .tide-event{border:1px solid var(--line);border-radius:10px;min-height:78px}@media (width<=600px){.tide-chart{padding:12px}.tide-chart-reading{align-items:flex-start}.tide-chart-reading strong{font-size:13px}.tide-chart-reading>strong{font-size:16px}.tide-chart-controls{flex-wrap:wrap;gap:4px}.tide-chart-controls button{width:100%}.tide-x-labels span:nth-child(2){display:none}.tide-x-labels span{max-width:48%}.tide-primary-events .tide-event{grid-template-columns:25px minmax(0,1fr);column-gap:8px}}button.tide-next-turn{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer}button.tide-next-turn:disabled{cursor:default}button.tide-next-turn:hover:not(:disabled),button.tide-next-turn[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ocean)}button.tide-next-turn:focus-visible{outline:3px solid var(--ocean);outline-offset:3px}.tide-plot-main:focus{outline:none}.tide-focus-ring{fill:none;stroke:var(--ocean-dark);stroke-width:2px}.conditions-timeline{margin-top:14px;padding:24px 28px}.timeline-days{flex-wrap:wrap;gap:4px;display:flex}.timeline-now{border:1px solid var(--ocean-line);min-height:38px;color:var(--ocean-dark);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}.timeline-now:disabled{opacity:.5;cursor:default}.timeline-now:focus-visible{outline:3px solid var(--ocean);outline-offset:3px}.timeline-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:14px;font-size:11px;display:flex}.timeline-footer>span{align-items:center;gap:6px;display:flex}@media (width<=600px){.conditions-timeline{padding:20px 16px}}.unified-timeline>.timeline-days{margin:14px 0}.unified-timeline .timeline-days button{min-height:42px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:750}.unified-timeline .timeline-days button[aria-pressed=true]{color:var(--ocean-dark);background:var(--ocean-soft)}.scene-readings{color:var(--ink);background:#edf5f5;border-radius:15px;padding:16px;transition:background-color .4s,color .4s}.scene-readings.is-night{color:#f2f8fd;background:#203952}.scene-clock{justify-content:space-between;align-items:center;gap:10px;display:flex}.scene-clock strong{align-items:center;gap:9px;font-size:16px;display:flex}.scene-clock button{width:38px;height:38px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.scene-clock button:disabled{opacity:.3;cursor:default}.scene-values{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.scene-values>div{gap:5px;display:grid}.scene-values span{opacity:.8;font-size:11px}.scene-values strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px}.scene-values small{font-size:10px;font-weight:500}.scene-shell{position:relative}.scene-scroll{scrollbar-width:thin;scrollbar-color:#91b9c9 transparent;background:#163b53;border-radius:16px;overflow-x:auto}.scene-plot{outline:none}.scene-plot svg{cursor:crosshair;touch-action:pan-y;width:100%;height:320px;display:block}.scene-band-labels{z-index:1;pointer-events:none;position:absolute;inset:0}.scene-band-labels span{color:#f5fbff;background:#0d273bcc;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:700;position:absolute;left:10px}.scene-hours{color:#e8f4fb;background:#102d43;position:relative}.scene-hours button{width:44px;min-height:40px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px 0;font-size:10px;position:absolute;top:4px;transform:translate(-50%)}.scene-hours button:hover,.scene-hours button[aria-pressed=true]{color:#12334a;background:#c9f2f4}.scene-legend{color:var(--muted);flex-wrap:wrap;gap:10px 18px;margin-top:14px;font-size:10px;display:flex}.scene-legend span{align-items:center;gap:5px;display:inline-flex}.scene-clock button:focus-visible,.scene-hours button:focus-visible,.unified-timeline .timeline-days button:focus-visible{outline:3px solid var(--ocean);outline-offset:2px}.scene-plot.keyboard-focus:focus{outline-offset:-3px;outline:3px solid #c9f2f4}@media (width<=600px){.scene-readings{padding:12px}.scene-clock strong{gap:5px;font-size:13px}.scene-values{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}.scene-values strong{font-size:18px}.unified-timeline .timeline-days button{padding:9px;font-size:11px}}@media (prefers-reduced-motion:reduce){.scene-readings{transition:none}.scene-scroll{scroll-behavior:auto}}.unified-timeline .scene-readings,.unified-timeline .scene-readings.is-night{color:var(--ink);background:0 0;border-bottom:0;border-radius:0;padding:12px 0 16px}.scene-clock{justify-content:flex-start;gap:8px}.scene-clock strong{color:var(--ocean-dark);flex:1}.scene-clock button{border-color:var(--line);color:var(--ocean-dark);background:var(--paper);border-radius:10px}.scene-clock .timeline-now{width:auto;padding:0 12px;font-size:12px}.scene-values{flex-wrap:wrap;gap:10px 24px;margin-top:14px;display:flex}.scene-values>div{background:0 0;align-items:baseline;gap:6px;padding:0;display:flex}.scene-values span{color:var(--muted);opacity:1;font-size:10px}.scene-values strong{color:var(--ink);font-family:var(--font-display);letter-spacing:-.025em;font-size:16px}.scene-band-labels span{color:#365565;background:0 0;padding:0;font-size:10px;font-weight:650;left:10px}.scene-band-labels .water-label{color:#d0e6ee}.scene-hours{background:var(--paper);color:var(--muted);border-bottom:1px solid var(--line)}.scene-hours button[aria-pressed=true],.scene-hours button:hover{color:var(--ocean-dark);background:var(--ocean-soft)}.scene-hours .is-tick{font-size:0}.scene-hours .is-tick:before{content:"";background:#a0b3b8;width:1px;height:6px;margin:auto;display:block}.scene-hours .is-tick:focus-visible,.scene-hours .is-tick:hover{font-size:10px}.scene-hours .is-tick:focus-visible:before,.scene-hours .is-tick:hover:before{display:none}.scene-scale-details{color:var(--muted);margin-top:12px;font-size:11px}.scene-scale-details summary{cursor:pointer;width:fit-content;min-height:32px;color:var(--ocean-dark)}.scene-scale-details summary:focus-visible{outline:3px solid var(--ocean);outline-offset:3px}.scene-scale-details .scene-legend{margin-top:6px}.scene-scale-note{font-size:11px;line-height:1.5}.unified-timeline .timeline-footer{margin-top:0;font-size:10px}@media (width<=600px){.scene-clock{gap:6px}.scene-clock strong{font-size:12px}.scene-clock strong>svg{width:14px}.scene-clock button{width:34px}.scene-clock .timeline-now{padding:0 8px}.scene-values{gap:8px 16px}.scene-values>div{padding:0}.scene-values strong{font-size:15px}}.scene-safety,.scene-risk-band{--risk-color:var(--ocean)}.scene-safety.caution,.scene-risk-band.caution{--risk-color:var(--amber)}.scene-safety.danger,.scene-risk-band.danger{--risk-color:var(--danger)}.scene-safety.unknown,.scene-risk-band.unknown{--risk-color:var(--muted)}.scene-risk-band{fill:var(--risk-color)}.scene-safety{color:var(--risk-color);align-items:center;gap:6px;margin-top:10px;font-size:11px;display:flex}.scene-safety svg{flex-shrink:0}.scene-risk-legend{flex-wrap:wrap;gap:4px 16px;display:flex}.scene-risk-legend i{background:var(--risk-color);border-radius:2px;width:12px;height:5px}.scene-night-warning{color:var(--muted);align-items:flex-start;gap:6px;margin-top:7px;font-size:11px;line-height:1.5;display:flex}.scene-night-warning svg{flex-shrink:0;margin-top:2px}.scene-icon-values{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:14px;display:flex}.scene-icon-values>div{align-items:center;gap:7px;display:flex}.scene-icon-values svg{color:var(--ocean);flex-shrink:0}.scene-icon-values strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:15px}.scene-icon-values small{color:var(--muted);font-family:var(--font-body);font-size:10px;font-weight:500}@media (width<=600px){.scene-icon-values{gap:10px 16px}.scene-icon-values strong{font-size:13px}.scene-icon-values>div{gap:5px}}.hero-night-warning{border-radius:var(--hero-item-radius);background:var(--amber-soft);color:#715727;border:0;align-items:flex-start;gap:10px;width:fit-content;max-width:100%;margin-top:20px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.hero-night-warning svg{flex-shrink:0;margin-top:1px}.quality-disclosure h2>svg{color:var(--ocean);flex-shrink:0}.balaton-panel{margin-top:14px;padding:28px}.balaton-panel .section-heading button,.balaton-forecast button{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ocean);cursor:pointer;font:inherit;border-radius:10px;padding:10px 14px}.balaton-panel button:focus-visible,.balaton-panel summary:focus-visible,.balaton-panel a:focus-visible{outline:3px solid var(--ocean);outline-offset:3px}.balaton-panel button:disabled{opacity:.5;cursor:wait}.balaton-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.balaton-cards article{border:1px solid var(--line);border-radius:14px;min-width:0;padding:16px}.balaton-panel h3{margin:0 0 14px;font-size:16px}.balaton-panel p{font-size:12px;line-height:1.6}.balaton-panel a{color:var(--ocean);align-items:center;gap:4px;font-size:12px;display:inline-flex}.balaton-basins,.balaton-stations{gap:10px;margin:0;font-size:12px;display:grid}.balaton-basins>div,.balaton-stations>div{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.balaton-stations dd{margin:0;font-weight:700}.balaton-alert,.balaton-old{color:#943e22}.balaton-old{display:block}.balaton-wind,.balaton-forecast{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.balaton-panel summary{cursor:pointer;padding:10px 0;font-size:14px;font-weight:700}.balaton-table,.balaton-frame{overflow-x:auto}.balaton-table table{border-collapse:collapse;width:100%;font-size:12px}.balaton-table th,.balaton-table td{border-bottom:1px solid var(--line);text-align:left;padding:9px}.balaton-frame iframe{background:#fff;border:0;width:720px;height:650px;display:block}.balaton-forecast>a{margin:12px}@media (width<=800px){.balaton-cards{grid-template-columns:1fr}.balaton-panel{padding:22px var(--panel-inline-padding)}}footer a:hover{text-decoration:underline}footer a:focus-visible{outline:3px solid var(--ocean);outline-offset:4px;border-radius:3px}.catalogue-gate{max-width:640px;margin:15vh auto;padding:24px}.catalogue-gate button,.catalogue-pagination button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:10px;padding:10px 16px}.catalogue-country{margin:12px 0;display:block}.catalogue-country select{color:#263d3c;width:100%;font:inherit;background:#fff;border:1px solid #d5dfdc;border-radius:12px;padding:12px}.catalogue-pagination{justify-content:space-between;gap:12px;margin-top:20px;display:flex}.catalogue-map-status{z-index:450;background:#fff;border-radius:12px;padding:10px 14px;font-size:13px;position:absolute;top:56px;left:16px;right:16px;box-shadow:0 3px 15px #0002}.observations-wind{grid-column:1/-1}.balaton-cards summary{cursor:pointer;font-weight:600}.location-picker-map-marker.closed span{background:var(--danger)}.location-map-readings .closed,.water-quality-panel.closed .quality-summary-result{color:var(--danger)}.location-screen-shell>.catalogue-country,.location-screen-shell>.nation-filters{margin-inline:clamp(20px,4vw,34px)}.contact-trigger{color:var(--ocean);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 0;font-weight:650}.contact-trigger:hover{text-decoration:underline}.contact-sheet{width:min(500px,100%);max-height:calc(100dvh - 36px);overflow-y:auto}.contact-form{gap:14px;margin-top:22px;display:grid}.contact-form label{gap:7px;font-size:13px;font-weight:650;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:11px 12px;font-size:16px;font-weight:400}.contact-form textarea{resize:vertical;min-height:105px}.contact-form :focus-visible,.contact-trigger:focus-visible{outline:3px solid var(--ocean-line);outline-offset:2px}.contact-form .contact-hint{font-size:12px}.contact-form .contact-error{color:var(--danger-dark);background:var(--danger-soft);border-radius:10px;padding:12px}.contact-form .install-done{justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.contact-form :disabled{opacity:.65;cursor:wait}.uk-explorer .location-map-view{min-height:0;box-shadow:none}.uk-explorer .location-picker-map{flex-basis:clamp(360px,55vh,620px);height:clamp(360px,55vh,620px)}.uk-explorer .beach-results{max-height:420px;overflow-y:auto}.uk-explorer .beach-results-meta{text-transform:none;letter-spacing:0;font-size:11px}@media (width<=760px){.uk-explorer .beach-results{max-height:240px}}.live-grid>.coast-map-panel{min-width:0;margin-top:0}.live-grid>.coast-map-panel .map-heading{flex-wrap:wrap}.live-grid>.coast-map-panel .coast-map-canvas{height:420px}.hero-chips .status-pill,.hero-chips .weather-alert-chip{max-width:100%;min-height:40px;padding:10px 14px;font-size:12px;line-height:20px}.hero-chips .status-pill svg{flex-shrink:0}.hero-chips{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.weather-alert-chip{border-radius:var(--hero-item-radius);color:#533900;max-width:100%;min-height:40px;font:inherit;text-align:left;cursor:pointer;background:#fff3c4;border:0;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.weather-alert-chip svg{flex-shrink:0}.weather-alert-chip.level-3{background:#ffe1bb;border-color:#bf5900}.weather-alert-chip.level-4{color:#721e16;background:#ffe0da;border-color:#b53224}.weather-alert-chip.level-stale,.weather-alert-chip.level-0{background:var(--paper);border-color:var(--line);color:var(--ink)}.weather-alert-chip:focus-visible{outline-offset:3px;outline:3px solid #fff}.weather-alert-count{background:#00000014;border-radius:999px;padding:1px 6px}.weather-alerts{width:min(760px,100%);max-height:90dvh;overflow-y:auto}.weather-alerts h2{padding-right:32px}.weather-alerts>.panel-note,.weather-alert-source{margin-top:16px}.weather-alerts h2{align-items:center;gap:10px;font-size:20px;display:flex}.weather-warning{color:#533900;background:#fff3c4;border-left:5px solid #c58a00;border-radius:10px;margin-top:12px;padding:14px 16px}.weather-warning.level-3{background:#ffe1bb;border-color:#bf5900}.weather-warning.level-4{color:#721e16;background:#ffe0da;border-color:#b53224}.weather-warning.level-stale{background:var(--paper);border-color:var(--muted);color:var(--muted)}.weather-warning p{margin:6px 0;font-size:13px;line-height:1.5}.weather-warning summary{cursor:pointer;font-size:13px}.weather-alert-source{flex-wrap:wrap;gap:8px 20px;font-size:12px;display:flex}.weather-alert-source a{color:var(--ocean)}.webcam-panel.is-empty{align-self:start}.webcam-panel.is-empty h2{margin:8px 0}.webcam-selector{color:var(--muted);gap:6px;margin-bottom:14px;font-size:12px;display:grid}.webcam-selector select{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;min-height:42px;color:var(--ink);font:inherit;border-radius:10px;padding:8px}.weather-alert-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;display:grid}.hero-selected-time{color:#fff;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.hero-now-chip{border-radius:var(--hero-item-radius);color:#fff;min-height:40px;font:inherit;cursor:pointer;background:#ffffff26;border:0;padding:8px 14px}.hero-now-chip:focus-visible{outline-offset:3px;outline:3px solid #fff}.hero-sea-fact>strong,.hero-sea-fact>.hero-wind-reading{align-self:end}.unit-fields{gap:18px;margin:24px 0;display:grid}.unit-fields label{color:var(--ink);gap:8px;font-weight:700;display:grid}.unit-fields select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:44px;color:var(--ink);font:inherit;border-radius:10px;padding:10px}.unit-fields select:focus-visible{outline:3px solid rgba(var(--ocean-rgb), .28);outline-offset:3px}.favourite-button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-height:44px;padding:0;display:inline-flex}.favourite-button[aria-pressed=true]{color:var(--favourite)}.favourite-button:hover{opacity:.8}.favourite-button:focus-visible{outline-offset:3px;outline:3px solid #fff}.location-card-wrapper{min-width:0;position:relative}.location-card-wrapper .location-card{width:100%;height:100%;padding-right:70px}.location-card-favourite{z-index:3;position:absolute;top:14px;right:14px}.location-view-toggle{grid-template-columns:repeat(3,minmax(0,1fr));max-width:calc(100% - 68px)}.location-view-toggle button{overflow-wrap:anywhere}@media (width<=600px){.location-view-toggle{max-width:calc(100% - 32px)}.location-view-toggle button{padding:6px}}.location-current-grid .location-card-wrapper{grid-column:1/-1}.hero-heading-row{z-index:2;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex;position:relative}.hero-heading-row .hero-selected-time{min-width:0;margin-bottom:0;padding-top:10px}.header-menu h2{margin:0 40px 24px 0}.header-menu-actions{gap:10px;display:grid}.header-menu-actions button{text-align:left;min-height:52px;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:650;display:flex}.header-menu-actions button svg{color:var(--ocean);flex-shrink:0}.header-menu-actions button:hover{background:var(--ocean-soft)}.header-menu-actions button:focus-visible{outline:3px solid var(--ocean);outline-offset:2px}.brand-menu{min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;flex-shrink:0;justify-content:center;padding:0;font-family:inherit}.brand-menu:hover .brand-mark{background:var(--ocean-dark)}.brand-menu:focus-visible{outline:3px solid var(--ocean);outline-offset:3px}.menu-language-picker{text-align:left;grid-template-columns:20px minmax(0,1fr);gap:8px 12px;width:100%;margin-bottom:16px;padding:12px 16px;display:grid}.menu-language-picker>span{color:var(--ink);font-weight:650}.menu-language-picker select{width:100%;min-width:0;max-width:none;min-height:32px;font:inherit;grid-column:2}.catalogue-country select,.webcam-selector select,.unit-fields select,.menu-language-picker select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23263d3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.hero-reading-context{color:#ffffffd9;font-size:12px;line-height:1.4}.assessment-details{margin-top:16px}.assessment-details>summary{grid-template-columns:minmax(0,1fr) 24px}.assessment-details>summary>svg{grid-area:1/2}.assessment-details-content{padding:22px var(--panel-inline-padding);overflow-wrap:anywhere;font-size:14px;line-height:1.65}.assessment-details-content>*{max-width:760px}.assessment-details-content summary{cursor:pointer}.assessment-details-content summary:focus-visible{outline:2px solid var(--ocean);outline-offset:3px}.assessment-details .lake-evidence{color:var(--ink);margin-top:0}.assessment-details .live-dot{color:var(--muted)}.assessment-details .lake-evidence summary:focus-visible{outline-color:var(--ocean)}.assessment-details .hero-meta{color:var(--muted);margin-top:12px}.assessment-details .hero-temperature-detail{color:var(--muted);font-size:13px;line-height:1.65}.assessment-details h3{margin-bottom:0;font-size:15px}.location-search-controls{flex-shrink:0;grid-template-columns:minmax(150px,.8fr) minmax(0,1.4fr) auto;gap:8px;margin:0 34px;display:grid}.location-search-controls .catalogue-country,.location-search-controls .location-search,.location-search-controls .nearest-location-action{min-width:0;margin:0}.location-search-controls .catalogue-country select{height:44px;padding-block:10px}.location-search-controls .location-search{border-radius:12px;min-height:44px;padding:0 12px}.location-search-controls .nearest-location-action{border-radius:12px;gap:8px;min-height:44px;padding:8px 12px}.location-search-controls .nearest-location-action>span:first-child{width:24px;height:24px;color:var(--ocean);background:0 0}.location-search-controls .nearest-location-action strong{font-size:12px}.location-screen-content.is-map .location-picker-map{flex-basis:clamp(360px,55dvh,620px);height:clamp(360px,55dvh,620px)}@media (width<=640px){.location-search-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 16px}.location-search-controls .location-search{grid-area:1/1/auto/-1}.location-screen-content.is-map .location-picker-map{flex-basis:max(360px,48dvh);height:max(360px,48dvh)}}.location-screen-header{padding:20px 34px 14px}.location-screen-header h1{margin-top:8px;font-size:34px}@media (width<=640px){.location-screen-header{padding:max(16px, env(safe-area-inset-top)) 16px 12px}.location-screen-header h1{font-size:28px}}.location-screen-header,.location-view-toggle,.location-screen-shell>.nation-filters{flex-shrink:0}.location-screen-shell>.nation-filters{margin-bottom:8px}@media (width<=640px){.location-search-controls{grid-template-columns:minmax(0,1fr) 44px}.location-search-controls .nearest-location-action{justify-content:center;padding:8px}.location-search-controls .nearest-location-action>span:last-child{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.location-search-feedback{color:var(--muted);grid-column:1/-1;margin:0;font-size:12px}