*{box-sizing:border-box}.oel-body{margin:0!important;background:#031827;color:#eef8ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.oel-body.admin-bar .oel-nav{top:32px}.oel-nav{height:74px;background:#02131f;display:flex;align-items:center;padding:0 4%;gap:35px;position:sticky;top:0;z-index:999;border-bottom:1px solid #17384b}.brand{font-size:22px;font-weight:800;letter-spacing:.5px;color:#f6fbff;text-decoration:none}.brand span,.brand b,.hero em,footer i{color:#1ca9f4;font-style:normal}.oel-nav nav{margin-left:auto;display:flex;gap:34px}.oel-nav nav a{color:#c8d6df;text-decoration:none}.navsearch{border:1px solid #28516a;border-radius:30px;color:#7892a2;padding:11px 20px;width:245px}.hero{min-height:545px;position:relative;background:url("https://i.ytimg.com/vi/6x_EsJ0LSr0/maxresdefault.jpg") center/cover no-repeat;display:flex;align-items:center;justify-content:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,19,31,.72),rgba(1,19,31,.48),rgba(1,19,31,.72))}.hero-inner{position:relative;text-align:center;width:min(760px,70%);z-index:2}.pill,.redpill{display:inline-block;border-radius:20px;font-weight:800;font-size:12px;padding:8px 13px}.pill{background:#0d405d}.redpill{background:#f2384d}.hero h1{font-size:72px;line-height:.95;margin:28px 0 12px;letter-spacing:2px}.hero h2{font-size:32px;margin:0}.hero p,section>p{color:#9db5c4;font-size:18px}.bigsearch{height:62px;background:#fff;border-radius:12px;display:flex;align-items:center;padding:5px 6px 5px 18px;margin-top:30px}.bigsearch span{color:#123}.bigsearch input{border:0;outline:0;flex:1;padding:15px;font-size:16px}.bigsearch button,.livecard strong{border:0;background:#19a7f5;color:white;border-radius:9px;padding:17px 29px;font-weight:800}.livecard{position:absolute;z-index:3;right:4%;bottom:45px;width:250px;background:rgba(1,20,32,.92);padding:20px;border:1px solid #23526c;border-radius:14px;color:#fff;text-decoration:none}.livecard p{color:#a6bac7}.livecard strong{display:block;text-align:center;margin-top:18px}.mini-weather{font-size:13px;color:#bde7ff;line-height:1.8}main{max-width:1450px;margin:auto;padding:30px 3% 65px}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2,section h2{font-size:27px;margin-bottom:5px}.filters{display:flex;gap:7px}.filters button{background:#0b3045;border:1px solid #24526a;color:#cfe0e9;border-radius:7px;padding:10px 13px}#oel-map{height:470px;border-radius:14px;overflow:hidden;border:1px solid #21475c;margin-top:18px;background:#08263a}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#062235;color:#fff}.category-grid,.activity-grid,.camera-grid{display:grid;gap:12px}.category-grid{grid-template-columns:repeat(8,1fr)}.category-grid>div,.activity-grid>div{background:linear-gradient(#0c3a53,#08283b);border:1px solid #16475f;border-radius:12px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:31px}.category-grid b,.activity-grid b{font-size:16px;margin-top:13px}.activity-grid{grid-template-columns:repeat(5,1fr)}.activity-grid small{font-size:13px;color:#91abba;margin-top:10px}.activity-grid .good{border-color:#29bf72;box-shadow:inset 0 -3px #29bf72}.activity-grid .fair{border-color:#f5b942;box-shadow:inset 0 -3px #f5b942}.activity-grid .poor{border-color:#ef5262;box-shadow:inset 0 -3px #ef5262}.camera-grid{grid-template-columns:repeat(4,1fr)}.camera-card{background:#09283b;border:1px solid #1b475f;border-radius:12px;overflow:hidden;color:white;text-decoration:none}.camera-thumb{aspect-ratio:16/9;background:#123 center/cover no-repeat;position:relative}.camera-thumb span{position:absolute;top:10px;left:10px}.camera-card .copy{padding:15px}.camera-card h3{margin:0 0 5px}.camera-card p{color:#90a9b8;margin:0}section{margin-bottom:48px}footer{border-top:1px solid #17384b;text-align:center;padding:42px;display:flex;gap:13px;flex-direction:column;color:#9bb2c1}.camera-main{padding-top:25px}.crumb{color:#7f9aaa;margin-bottom:18px}.camera-layout{display:grid;grid-template-columns:2.1fr 1fr;gap:20px}.video-wrap{aspect-ratio:16/9;background:#000;border-radius:13px;overflow:hidden}.video-wrap iframe{width:100%;height:100%;border:0}.camera-layout aside{background:#08283b;border:1px solid #19465e;border-radius:13px;padding:25px}.camera-layout aside h1{font-size:31px;margin-bottom:4px}.camera-layout aside p{color:#9db3c0}.original{background:#147f4a;padding:7px 10px;border-radius:20px;font-size:12px}.weather-panel{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.metric{background:#061e2e;padding:13px;border-radius:8px}.metric small{display:block;color:#86a2b3}.metric strong{font-size:19px}.tabs{display:flex;gap:30px;padding:17px 5px;color:#8fa9b8}.tabs b{color:#fff}.conditions-detail{margin-top:28px}.detail>div{min-height:145px}.disclaimer{font-size:13px!important;margin-top:18px}.oel-status{font-weight:800;margin-top:7px}.good .oel-status{color:#4bd68d}.fair .oel-status{color:#ffd066}.poor .oel-status{color:#ff7583}@media(max-width:900px){.oel-nav nav,.navsearch{display:none}.hero{min-height:560px}.hero-inner{width:90%}.hero h1{font-size:48px}.livecard{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.activity-grid{grid-template-columns:repeat(2,1fr)}.camera-grid{grid-template-columns:1fr}.camera-layout{grid-template-columns:1fr}.section-head{display:block}.filters{overflow:auto}.oel-body.admin-bar .oel-nav{top:46px}}
.tides-section{margin-top:32px;background:#061f30;border:1px solid #19465e;border-radius:14px;padding:24px}.tides-title{display:flex;justify-content:space-between;align-items:start}.tides-title h2{margin:0}.tides-title p{color:#8fa9b8;margin:7px 0}.tide-state{background:#0b344b;border-radius:10px;padding:10px 14px;font-weight:800}.tide-events{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.tide-event{background:#082b40;border:1px solid #1b4c66;border-radius:11px;padding:15px}.tide-event.next{border-color:#22aaf5;box-shadow:inset 0 0 0 1px #22aaf5}.tide-event .type{color:#8ea8b8;font-size:13px}.tide-event strong{display:block;font-size:23px;margin:5px 0}.tide-event small{color:#9db5c4}.tide-chart-wrap{height:220px;background:#041a28;border-radius:10px;padding:10px;overflow:hidden}.tide-chart-wrap canvas{width:100%;height:100%}.tide-days{display:flex;gap:7px;margin-top:14px;overflow:auto}.tide-day{white-space:nowrap;background:#0a3046;border:1px solid #1a4962;border-radius:20px;padding:8px 12px;color:#b9ceda;font-size:13px}.tide-note{font-size:12px!important;color:#7894a5!important}.tide-loading{color:#9db5c4}@media(max-width:800px){.tide-events{grid-template-columns:repeat(2,1fr)}.tides-title{display:block}.tide-state{display:inline-block;margin-top:8px}}

.forecast-section{margin-top:32px}.forecast-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.forecast-head h2{margin:0 0 5px}.forecast-head p{margin:0;color:#8fa9b8}.forecast-best{background:#0a3046;border:1px solid #1c536e;border-radius:10px;padding:10px 14px;color:#b9d3e2;font-size:13px}.hourly-strip{display:flex;gap:9px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:thin}.hour-card{min-width:116px;background:#07273a;border:1px solid #17465f;border-radius:12px;padding:13px 11px}.hour-card.now{border-color:#1ca9f4;box-shadow:inset 0 0 0 1px #1ca9f4}.hour-card .hour{font-weight:800;font-size:15px}.hour-card .temp{font-size:22px;font-weight:800;margin:8px 0}.hour-card .hm{font-size:12px;color:#9db5c4;line-height:1.65}.hour-card .sea{color:#61c6ff}.forecast-loading{color:#9db5c4;padding:16px}.activity-window{font-size:12px;color:#8fa9b8;margin-top:5px}.activity-window strong{color:#dcebf4}@media(max-width:800px){.forecast-head{display:block}.forecast-best{display:inline-block;margin-top:10px}}

.live-heading{display:flex;justify-content:space-between;align-items:end}.live-heading p{color:#8fa9b8;margin-top:-8px}.camera-card .copy small{display:block;color:#6fa7bf;margin-top:6px}.map-popup{min-width:215px}.map-popup span,.map-popup small{color:#536b78}.map-popup small{display:block;margin:3px 0}.map-popup a{font-weight:800}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background:rgba(22,168,242,.25)!important}.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background:#0d9fe8!important;color:white!important}

.oel-discovery{display:grid;grid-template-columns:minmax(240px,1fr) 220px auto;gap:10px;margin:18px 0}
.oel-searchbox{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d7e2e8;border-radius:10px;padding:0 12px}
.oel-searchbox input,.oel-discovery select{width:100%;border:0;background:#fff;padding:13px 8px;font:inherit;outline:none}
.oel-discovery select{border:1px solid #d7e2e8;border-radius:10px}.oel-discovery button{border:0;border-radius:10px;padding:0 18px;background:#07263a;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:720px){.oel-discovery{grid-template-columns:1fr}.oel-discovery button{padding:13px}}

.video-wrap{position:relative}.oel-video-watermark{position:absolute;right:16px;bottom:16px;z-index:5;background:rgba(2,19,31,.72);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:8px 11px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.8px;pointer-events:none}.oel-video-watermark b{color:#1ca9f4}.source-line{color:#7f9aaa;font-size:12px;padding:0 5px 12px}.source-line a{color:#6fc8f6}.public-feed{background:#16425a;padding:7px 10px;border-radius:20px;font-size:12px;color:#cfe9f7}.nearby-section{border-top:1px solid #17384b;padding-top:22px;margin-top:35px}.nearby-grid{grid-template-columns:repeat(3,1fr)}.oel-inland .camera-layout aside{background:linear-gradient(180deg,#08283b,#071f2f)}@media(max-width:900px){.nearby-grid{grid-template-columns:1fr}.oel-video-watermark{right:9px;bottom:9px;font-size:9px}}

.filters button.active{background:#168fca;color:#fff;border-color:#168fca}

.category-grid button{appearance:none;-webkit-appearance:none;font:inherit;color:inherit;text-align:center;cursor:pointer;width:100%;background:inherit;border:inherit;border-radius:inherit;padding:inherit}
.category-grid button:hover{transform:translateY(-2px);filter:brightness(1.08)}
.category-grid button:focus-visible{outline:2px solid #31b7ff;outline-offset:3px}

.category-grid button.active{outline:2px solid #2cbcff;box-shadow:0 0 0 4px rgba(44,188,255,.12)}
.original-card{position:absolute;right:9px;top:9px;background:#138c59;color:white;border-radius:16px;padding:5px 8px;font-size:10px;font-weight:700}

.country-shell{max-width:1370px;margin:auto;padding:120px 5% 70px}.country-hero{padding:30px 0 45px}.country-hero h1{font-size:clamp(42px,7vw,82px);margin:8px 0}.country-hero p{max-width:720px;font-size:18px}.eyebrow{color:#35bfff;font-weight:800;letter-spacing:.14em;font-size:12px}.back-country{display:inline-block;margin-bottom:25px}.country-hero input{width:min(650px,100%);padding:18px 22px;border-radius:30px;border:1px solid #22536a;background:#062537;color:white;font-size:17px;margin-top:20px}.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.country-card{background:#073047;border:1px solid #14516c;border-radius:16px;padding:22px;text-decoration:none;color:white;display:flex;flex-direction:column;gap:8px;transition:.2s}.country-card:hover{transform:translateY(-3px);border-color:#35bfff}.country-card b{font-size:20px}.country-card span{color:#91afbd}.country-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 25px}.country-tabs button{border:1px solid #22536a;background:#073047;color:#c9dce5;padding:10px 16px;border-radius:22px;cursor:pointer}.country-tabs button.active{background:#168fca;color:#fff}.country-cameras{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}

.navsearch{display:flex;align-items:center;overflow:hidden;padding:0!important}
.navsearch input{background:transparent;border:0;outline:0;color:#d9e9f1;padding:11px 6px 11px 18px;width:190px;font:inherit}
.navsearch input::placeholder{color:#87a4b3}.navsearch button{background:transparent;border:0;color:#8fc7df;cursor:pointer;padding:11px 15px;font-size:18px}

.oel-popup{min-width:250px;color:#092333}.oel-popup-thumb{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:8px}.oel-popup-head{display:flex;flex-direction:column;gap:2px}.oel-popup-head b{font-size:16px}.oel-popup-head span{font-size:12px;color:#607985}.oel-popup-conditions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:10px 0}.oel-popup-conditions>span{background:#edf7fa;border-radius:7px;padding:7px 4px;text-align:center;display:flex;flex-direction:column}.oel-popup-conditions b{font-size:13px}.oel-popup-conditions small{font-size:9px;color:#627984}.oel-popup-loading{grid-column:1/-1!important;padding:9px!important}.oel-popup-watch{display:block;text-align:center;background:#168fca;color:#fff!important;text-decoration:none;border-radius:8px;padding:9px 12px;font-weight:700}

.region-explorer{margin:0 0 42px}.region-explorer h2{font-size:30px;margin:7px 0 18px}.region-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.region-card{background:#073047;border:1px solid #14516c;border-radius:13px;padding:15px 17px;color:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:4px}.region-card:hover{border-color:#35bfff;transform:translateY(-2px)}.region-card span{font-size:12px;color:#91afbd}

body.oel-country-page{background:#031d2b;color:#eef8fc}.oel-country-page .country-shell{min-height:680px}.oel-country-page .country-hero p{color:#9bb5c2}.oel-country-page .country-hero h1{color:#fff}

/* ===== Ocean Eye Live v1.5 mobile experience ===== */
@media (max-width: 760px){
  html{scroll-behavior:smooth} body{overflow-x:hidden}
  .oel-nav{min-height:64px;padding:10px 16px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:1000}
  .oel-nav .brand{font-size:17px;white-space:nowrap}
  .oel-nav nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-left:auto}
  .oel-nav nav::-webkit-scrollbar{display:none}
  .oel-nav nav a{font-size:13px;white-space:nowrap;padding:8px 7px}
  .navsearch{display:none!important}
  .hero,.home-hero{padding-left:18px!important;padding-right:18px!important}
  .hero h1,.home-hero h1{font-size:clamp(38px,12vw,58px)!important;line-height:.98!important}
  .bigsearch{width:100%!important;display:flex}.bigsearch input{min-width:0;font-size:16px}.bigsearch button{padding:0 14px}
  #explore,.explore,.section,.home-section{padding-left:16px!important;padding-right:16px!important}
  .filters{display:flex!important;overflow-x:auto;flex-wrap:nowrap!important;gap:8px;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:none}
  .filters::-webkit-scrollbar{display:none}.filters button{flex:0 0 auto;scroll-snap-align:start;min-height:44px}
  #oel-camera-search{font-size:16px!important}
  .map-controls,.explore-controls{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  #oel-country{width:100%!important;min-height:46px;font-size:16px}
  #oel-map{height:430px!important;min-height:430px!important;border-radius:14px!important}
  .leaflet-control-zoom a{width:38px!important;height:38px!important;line-height:38px!important}
  .leaflet-popup-content-wrapper{max-width:calc(100vw - 42px)}.leaflet-popup-content{margin:10px!important;min-width:230px}
  .oel-popup{min-width:220px}.oel-popup-thumb{height:105px}.oel-popup-conditions{grid-template-columns:repeat(3,1fr)}
  .category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .category-grid button,.category-grid>div{min-height:122px!important;padding:14px 8px!important}
  .conditions-grid,.activity-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .camera-grid,.country-cameras{grid-template-columns:1fr!important;gap:14px!important}
  .camera-card{width:100%!important;max-width:none!important}.camera-thumb{min-height:190px;background-size:cover;background-position:center}
  .country-shell{padding:88px 16px 48px!important}.country-hero{padding:18px 0 28px!important}
  .country-hero h1{font-size:44px!important;line-height:1.02!important}.country-hero p{font-size:16px!important}
  .country-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .country-card{padding:15px!important;min-height:92px}.country-card b{font-size:16px!important}
  .country-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none;padding-bottom:8px}.country-tabs::-webkit-scrollbar{display:none}
  .country-tabs button{flex:0 0 auto;min-height:44px}
  .region-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.region-card{min-height:76px}
  .camera-page main,.camera-shell{padding-left:14px!important;padding-right:14px!important}
  .camera-video iframe,.video-wrap iframe{width:100%!important;aspect-ratio:16/9;height:auto!important}
  .camera-weather,.conditions-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .forecast-strip{overflow-x:auto!important;display:flex!important;scroll-snap-type:x mandatory;padding-bottom:8px}
  .forecast-strip>*{flex:0 0 132px;scroll-snap-align:start}
  .nearby-grid{grid-template-columns:1fr!important}
  .tide-chart{overflow-x:auto}
  .oel-footer{padding:36px 16px!important;text-align:center}
}
@media (max-width:390px){
 .category-grid,.conditions-grid,.activity-grid,.country-grid,.region-grid{grid-template-columns:1fr!important}
 #oel-map{height:380px!important;min-height:380px!important}
 .oel-nav nav a:nth-child(n+3){display:none}
}

/* ===== v1.6 Live From The Water + Members ===== */
.category-grid .category-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:inherit;font-size:28px;background:#073047;border:1px solid #14516c;border-radius:14px}.category-grid .category-link b{font-size:16px;margin-top:10px;text-align:center}
.water-shell,.member-shell{max-width:1370px;margin:auto;padding:110px 5% 70px}.water-hero{min-height:520px;border:1px solid #14516c;border-radius:26px;padding:70px;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:50px;background:radial-gradient(circle at 80% 30%,rgba(26,165,213,.18),transparent 35%),linear-gradient(135deg,#031d2b,#062f42)}.water-hero h1,.member-hero h1{font-size:clamp(48px,7vw,92px);line-height:.92;margin:14px 0 22px}.water-hero h1 em,.member-hero h1 em{font-style:normal;color:#27b7f3}.water-hero p,.member-hero p{font-size:19px;color:#a8c0cb;max-width:700px;line-height:1.6}.water-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.water-primary,.water-secondary{padding:14px 20px;border-radius:10px;text-decoration:none;font-weight:800}.water-primary{background:#1ca9e6;color:#fff}.water-secondary{border:1px solid #286079;color:#dff5ff}.water-radar{aspect-ratio:1;border-radius:50%;border:1px solid #1d7597;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-radial-gradient(circle,rgba(37,181,238,.10) 0 1px,transparent 1px 48px);text-align:center}.water-radar strong{font-size:72px;color:#37c3ff}.water-radar span,.water-radar small{color:#8db5c5}.water-feature-grid,.community-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 70px}.water-feature-grid>div,.community-preview>div{background:#073047;border:1px solid #14516c;border-radius:15px;padding:22px}.water-feature-grid span{display:block;color:#9bb5c2;margin-top:8px;line-height:1.45}.water-empty{border:1px dashed #27647c;border-radius:20px;text-align:center;padding:60px 20px;background:#052638}.water-empty>span{font-size:55px}.water-partner{margin-top:70px;padding:38px;border:1px solid #14516c;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:25px;background:#06283a}.water-partner a{background:#1ca9e6;color:white;text-decoration:none;padding:14px 20px;border-radius:10px;font-weight:800}
.member-hero{padding:55px 0 45px}.member-auth,.member-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.member-panel{background:#062b3e;border:1px solid #14516c;border-radius:18px;padding:28px}.member-panel h2,.member-panel h3{margin:8px 0 12px}.member-panel label{display:block;margin:14px 0;color:#b8cfda;font-weight:700}.member-panel label small{font-weight:400}.member-panel input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px 14px;border-radius:9px;border:1px solid #275a70;background:#031d2b;color:#fff;font-size:16px}.member-panel button,.member-panel input[type=submit]{border:0;background:#1ca9e6;color:#fff;padding:13px 18px;border-radius:9px;font-weight:800;cursor:pointer}.member-welcome{display:flex;align-items:center;gap:18px;margin-bottom:22px}.member-avatar img{border-radius:50%}.member-success{background:#0a4c46;border:1px solid #168a7c;border-radius:10px;padding:13px 16px;margin:12px 0 20px}.member-error{grid-column:1/-1;background:#542735;border:1px solid #a84b66;border-radius:10px;padding:13px 16px}.member-feature{display:flex;gap:12px;margin:15px 0;font-size:22px}.member-feature span{display:flex;flex-direction:column}.member-feature b{font-size:15px}.member-feature small{font-size:12px;color:#91afbd;margin-top:3px}.member-logout,.member-lost{display:inline-block;margin-top:18px;color:#67c9ef}.community-preview{grid-template-columns:repeat(3,1fr);margin-top:60px}.community-preview span{font-size:30px}.community-preview p{color:#9bb5c2}.oel-nav a.active{color:#45c6fa}
@media(max-width:760px){.water-shell,.member-shell{padding:84px 14px 45px}.water-hero{grid-template-columns:1fr;padding:30px 20px;min-height:0}.water-hero h1,.member-hero h1{font-size:46px}.water-radar{width:220px;margin:auto}.water-feature-grid,.community-preview,.member-auth,.member-columns{grid-template-columns:1fr}.water-feature-grid{margin-bottom:45px}.water-partner{flex-direction:column;align-items:flex-start}.water-camera-grid{grid-template-columns:1fr!important}.member-welcome{align-items:flex-start}.category-grid .category-link{min-height:122px}}

/* ===== v1.7 Broadcasters ===== */
.broadcaster-zone{margin:42px 0}.broadcaster-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 18px}.broadcaster-head h2{margin:0 0 5px}.broadcaster-head p{margin:0;color:#98b3c0}.broadcast-status{padding:9px 13px;border:1px solid #496170;border-radius:999px;color:#9fb3bd;font-weight:900;font-size:12px;white-space:nowrap}.broadcast-status.is-live{background:#641d2d;border-color:#e74d69;color:#fff;box-shadow:0 0 25px rgba(255,38,80,.22)}.go-live-panel{text-align:center;display:flex;flex-direction:column;justify-content:center}.go-live-icon{font-size:45px}.go-live-button{background:#ef2850!important;font-size:16px!important;padding:17px 22px!important;width:100%;margin-top:12px}.end-live{background:#622738!important;margin-top:15px}.tiktok-watch{display:inline-block;color:#58c9f4;margin:4px 0 12px}.apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.broadcaster-apply{margin-top:15px}.community-live{margin-bottom:55px}.broadcast-placeholder{height:210px;background:radial-gradient(circle at 50% 40%,#16475d,#031c2a);position:relative;display:flex;align-items:center;justify-content:center}.broadcast-placeholder .redpill{position:absolute;top:12px;left:12px}.tiktok-mark{font-size:72px;font-weight:900;text-shadow:4px 4px 0 #20e4dd,-4px -4px 0 #ff2850}.broadcaster-live-card{border-color:#a42d4b!important}
@media(max-width:760px){.broadcaster-head{align-items:flex-start;flex-direction:column}.apply-grid{grid-template-columns:1fr}.broadcast-placeholder{height:190px}}

/* ===== v1.7.3 homepage LIVE NOW ===== */
.home-live-now{max-width:1370px;margin:-34px auto 58px;padding:0 5%;position:relative;z-index:8}.home-live-now[hidden]{display:none}.home-live-now:before{content:"";position:absolute;inset:-12px 3% 10px;border-radius:24px;background:radial-gradient(circle at 10% 0,rgba(239,40,80,.15),transparent 35%);pointer-events:none}.home-live-head{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:15px}.home-live-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.home-live-head h2{grid-column:1/-1;margin:5px 0 0;font-size:27px}.home-live-head>a{color:#58c9f4;text-decoration:none;font-weight:800}.live-pulse{width:10px;height:10px;border-radius:50%;background:#ff3158;box-shadow:0 0 0 0 rgba(255,49,88,.65);animation:oelPulse 1.7s infinite}@keyframes oelPulse{70%{box-shadow:0 0 0 10px rgba(255,49,88,0)}100%{box-shadow:0 0 0 0 rgba(255,49,88,0)}}.home-live-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-live-card{overflow:hidden;border:1px solid #a42d4b;border-radius:16px;background:#062b3e;color:#fff;text-decoration:none;box-shadow:0 14px 38px rgba(0,0,0,.18);transition:.2s}.home-live-card:hover{transform:translateY(-3px);border-color:#ff3158}.home-live-visual{height:125px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#174d62,#061d2b)}.home-live-badge{position:absolute;left:11px;top:11px;background:#ef2850;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.home-live-platform{position:absolute;right:11px;top:11px;color:#c8e9f5;font-size:12px}.home-live-signal{font-size:43px}.home-live-copy{padding:15px}.home-live-copy h3{margin:0 0 6px;font-size:18px}.home-live-copy p{margin:0 0 10px;color:#9fbdc9;font-size:13px}.home-live-copy div{display:flex;justify-content:space-between;gap:10px;color:#a9c3cd;font-size:12px;margin-bottom:13px}.home-live-copy strong{color:#ff6683;font-size:12px;letter-spacing:.04em}
@media(max-width:1000px){.home-live-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.home-live-now{margin:12px auto 42px;padding:0 14px}.home-live-head{align-items:flex-start;flex-direction:column}.home-live-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.home-live-card{min-width:82%;scroll-snap-align:start}.home-live-head h2{font-size:23px}}

/* v1.7.4 UK-first catalogue */
#camera-grid:before{content:"🌊 Coastal & waterside cameras prioritised · 🇬🇧 UK first";grid-column:1/-1;color:#7fb4c9;font-size:12px;letter-spacing:.04em;margin:0 0 2px}

/* ===== v1.8 Camera Community ===== */
.camera-community{margin:55px 0;padding:30px;border:1px solid #14516c;border-radius:20px;background:#052638}.community-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.community-title h2{margin:5px 0 4px;font-size:28px}.community-title p{margin:0;color:#95b2bf}.comment-count{font-size:12px;color:#7fb4c9;white-space:nowrap}.comment-compose{display:flex;gap:12px;padding:16px;border:1px solid #1a536b;border-radius:14px;background:#062e42;margin-bottom:20px}.comment-compose>div>img{border-radius:50%}.comment-compose-main{flex:1}.comment-compose textarea{width:100%;box-sizing:border-box;min-height:82px;resize:vertical;border:0;outline:0;background:transparent;color:#fff;font:inherit}.comment-compose-main>div{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #17475b;padding-top:11px}.comment-compose small{color:#789dab}.comment-compose button{border:0;border-radius:9px;background:#1ca9e6;color:white;padding:10px 15px;font-weight:800}.comment-login{padding:16px 18px;border-radius:12px;background:#073047;color:#a9c3cf;margin-bottom:20px}.comment-login a{color:#55c8f5;font-weight:800}.community-comment{display:flex;gap:13px;padding:17px 4px;border-top:1px solid #123e51}.community-comment>img{width:42px;height:42px;border-radius:50%}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;gap:9px;align-items:center}.comment-meta span{color:#7697a5;font-size:12px}.comment-body p{white-space:pre-wrap;overflow-wrap:anywhere;color:#d6e6ec;line-height:1.5;margin:7px 0 10px}.comment-actions{display:flex;gap:12px;flex-wrap:wrap}.comment-actions button{border:0;background:transparent;color:#7fb4c9;padding:0;font-size:12px;cursor:pointer}.comment-actions button:hover{color:#fff}.comment-empty{text-align:center;padding:35px;color:#91afbd}.comment-empty span{font-size:34px}.comment-empty h3{color:#fff;margin:8px 0}.comment-loading{padding:25px;color:#7f9eaa}.comments-list{max-width:900px}
@media(max-width:760px){.camera-community{padding:20px 14px;margin:35px 0}.community-title{align-items:flex-start;flex-direction:column}.comment-compose-main>div{align-items:flex-start;flex-direction:column}.comment-compose button{width:100%}.community-comment{padding:16px 0}}

/* v1.8.1 community sits directly between live video and tides */
.camera-page .camera-community{margin-top:24px;margin-bottom:28px}

/* v1.8.2 guest-first community */
.comment-name{width:100%;box-sizing:border-box;border:1px solid #1a536b;border-radius:9px;background:#041f2e;color:#fff;padding:10px 12px;margin:0 0 8px;font:inherit}.comment-name::placeholder{color:#7293a1}.guest-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0b4259;font-size:19px}.join-nudge{display:flex;align-items:center;gap:18px;margin:-6px 0 20px;padding:14px 16px;border:1px solid #1f6b84;border-radius:13px;background:#07354a}.join-nudge[hidden]{display:none}.join-nudge>div{display:flex;flex-direction:column;flex:1}.join-nudge span{font-size:13px;color:#9bb8c4;margin-top:2px}.join-nudge a{white-space:nowrap;color:#57cdf6;font-weight:800}.join-nudge button{border:0;background:transparent;color:#87aab7;font-size:22px;cursor:pointer}
@media(max-width:760px){.join-nudge{align-items:flex-start;flex-wrap:wrap}.join-nudge a{order:3;width:100%}}

/* v1.8.3: community is a first-class block directly below Live View */
.camera-community{display:block!important;width:100%;box-sizing:border-box;clear:both}
@media(max-width:760px){
 .camera-community{display:block!important;margin:24px 0 28px!important;padding:18px 14px}
}

/* v1.8.4 exact camera-page order: live view -> community -> tides/forecast */
.camera-layout + .camera-community{margin-top:24px}

/* v1.8.5: on mobile, chat follows video before the weather/info panel */
@media(max-width:760px){
 .camera-layout{display:flex!important;flex-direction:column!important}
 .camera-layout>section{order:1}
 .camera-layout>.camera-community{order:2}
 .camera-layout>aside{order:3}
 .camera-layout>.camera-community{width:100%;margin:24px 0 28px!important}
}
/* desktop keeps video + weather side by side; community spans full row beneath */
@media(min-width:761px){
 .camera-layout>.camera-community{grid-column:1/-1;width:100%;margin:24px 0 4px!important}
}

/* ===== v1.9 Photos + Following ===== */
.community-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.follow-camera,.photo-upload-btn{border:1px solid #217392;border-radius:9px;background:#07384e;color:#bfeafb;padding:9px 12px;font-weight:800;text-decoration:none;cursor:pointer}.follow-camera.is-following{background:#0d6079;color:#fff}.camera-photos{margin:28px 0;padding:28px;border:1px solid #14516c;border-radius:20px;background:#052638}.photos-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.photos-heading h2{margin:5px 0 4px;font-size:27px}.photos-heading p{margin:0;color:#95b2bf}.photo-form{padding:15px;border:1px solid #1a536b;border-radius:13px;background:#062e42;margin-bottom:18px}.photo-form[hidden]{display:none}.photo-form input[type=file]{display:block;color:#b6d1dc;margin-bottom:10px}.photo-form input[type=text]{width:100%;box-sizing:border-box;padding:11px;border:1px solid #1a536b;border-radius:8px;background:#041f2e;color:#fff;margin-bottom:10px}.photo-form>div{display:flex;justify-content:space-between;align-items:center;gap:15px}.photo-form small{color:#789dab}.photo-form button{border:0;border-radius:9px;background:#1ca9e6;color:#fff;padding:10px 15px;font-weight:800}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.photo-card{overflow:hidden;border:1px solid #164b61;border-radius:13px;background:#062d40}.photo-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.photo-card-info{padding:10px}.photo-card-info b{display:block;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-card-info span{display:block;color:#7f9eaa;font-size:12px;margin:3px 0 8px}.photo-card-info button{border:0;background:transparent;color:#7fb4c9;padding:0;margin-right:10px;font-size:11px;cursor:pointer}.photo-empty{grid-column:1/-1;text-align:center;padding:30px;color:#91afbd}.photo-empty span{display:block;font-size:30px}.photo-empty b{display:block;color:#fff;margin:6px}.photo-empty p{margin:0}
@media(max-width:900px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.camera-photos{padding:20px 14px}.photos-heading{align-items:flex-start;flex-direction:column}.photo-upload-btn{width:100%;box-sizing:border-box;text-align:center}.photo-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.photo-card{min-width:78%;scroll-snap-align:start}.photo-form>div{align-items:flex-start;flex-direction:column}.photo-form button{width:100%}.community-head-actions{align-items:flex-start}.follow-camera{font-size:12px}}

.member-favourites{margin:28px 0;padding:24px;border:1px solid #14516c;border-radius:18px;background:#052638}.member-fav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.member-fav-grid a{padding:12px;border:1px solid #18516a;border-radius:10px;background:#073247;color:#ccebf6;text-decoration:none;font-weight:700}@media(max-width:700px){.member-fav-grid{grid-template-columns:1fr}}

/* v2.0.0 Rescue Activity */
.rescue-toggle{border-color:#a53b49!important;background:#3b1820!important;color:#ffd9de!important;font-weight:800}.rescue-toggle.active{background:#d9384d!important;border-color:#ff6b7b!important;color:#fff!important;box-shadow:0 0 0 2px rgba(217,56,77,.15)}
.oel-rescue-marker{background:transparent;border:0}.oel-rescue-pin{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e4374d;border:3px solid #fff;box-shadow:0 2px 12px rgba(0,0,0,.45);font-size:17px}.oel-rescue-popup b{font-size:15px}.oel-rescue-popup .rescue-time{display:block;color:#ff8794;font-weight:800;margin:5px 0}.oel-rescue-popup a{display:inline-block;margin-top:7px;color:#69c9ff;font-weight:700}.oel-rescue-legend{position:absolute;z-index:500;left:12px;bottom:12px;background:rgba(2,19,31,.92);border:1px solid #2b5368;border-radius:9px;padding:8px 10px;color:#d8e8f1;font-size:12px;pointer-events:none}.oel-rescue-legend b{color:#ff7181}
.rescue-report-btn{border-color:#257b91!important;background:#123747!important;color:#dff8ff!important;font-weight:800}.oel-rescue-modal[hidden]{display:none!important}.oel-rescue-modal{position:fixed;z-index:100000;inset:0;background:rgba(0,12,20,.78);display:grid;place-items:center;padding:18px}.oel-rescue-modal-card{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;background:#071f2d;border:1px solid #2d6176;border-radius:16px;padding:22px;color:#e7f5fb;box-shadow:0 22px 80px rgba(0,0,0,.5)}.oel-rescue-modal-card h2{margin:0 36px 8px 0}.oel-rescue-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.oel-rescue-help{background:#40212a;border:1px solid #87404d;padding:10px;border-radius:9px;font-size:13px}.oel-rescue-modal label{display:block;font-weight:700;margin:12px 0}.oel-rescue-modal input,.oel-rescue-modal select,.oel-rescue-modal textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border-radius:8px;border:1px solid #315d70;background:#0b2b3a;color:#fff}.oel-rescue-location{padding:10px;margin:10px 0;background:#0b2b3a;border-radius:8px}.oel-pick-location{cursor:crosshair}.oel-community-badge{display:block;margin:6px 0;padding:5px 7px;border-radius:6px;background:#55303a;color:#ffd8df;font-size:10px;font-weight:900;letter-spacing:.03em}.oel-rescue-actions{display:flex;gap:6px;margin:7px 0}.oel-rescue-actions button{font-size:11px;padding:5px 7px;border-radius:6px;border:1px solid #3d7186;background:#0d3445;color:#e7f7ff;cursor:pointer}#oel-rescue-form-msg{margin-top:8px;font-weight:700;color:#9fe9ff}

/* v2.1.1 community rescue location picker */
.oel-rescue-pick-btn{width:100%;margin:10px 0;padding:12px 14px;border:1px solid rgba(74,211,255,.55);border-radius:9px;background:rgba(16,120,150,.18);color:#eafaff;font-weight:700;cursor:pointer}.oel-rescue-pick-btn:hover{background:rgba(16,120,150,.32)}.oel-pick-location{outline:3px solid rgba(255,72,72,.9);outline-offset:3px;cursor:crosshair!important;position:relative}.oel-pick-location:after{content:'📍 Click the map to place the activity';position:absolute;z-index:900;top:12px;left:50%;transform:translateX(-50%);background:#071e2b;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 14px;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,.35);pointer-events:none;white-space:nowrap}@media(max-width:600px){.oel-pick-location:after{font-size:12px;white-space:normal;width:max-content;max-width:80%;text-align:center}}


/* v2.1.2 rescue report expiry + stronger publish action */
.oel-rescue-publish-btn{display:block!important;width:100%!important;margin-top:16px!important;padding:16px 18px!important;border:1px solid #ff6677!important;border-radius:11px!important;background:#e43b50!important;color:#fff!important;font-size:16px!important;font-weight:900!important;letter-spacing:.02em!important;cursor:pointer!important;box-shadow:0 8px 24px rgba(228,59,80,.24)!important}.oel-rescue-publish-btn:hover{filter:brightness(1.08)}.oel-rescue-publish-btn:active{transform:translateY(1px)}
@media(max-width:600px){.oel-rescue-publish-btn{padding:17px 14px!important;font-size:15px!important}}


/* v2.1.3 rescue activity camera indicators */
.camera-thumb{position:relative}.oel-activity-nearby-badge{position:absolute;left:10px;bottom:10px;z-index:4;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#d9364b;color:#fff;border:2px solid rgba(255,255,255,.9);box-shadow:0 5px 18px rgba(0,0,0,.42);font-size:11px;font-weight:900;letter-spacing:.025em;line-height:1}.oel-camera-activity-alert{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 12px;padding:12px 14px;border:1px solid rgba(255,93,112,.65);border-radius:12px;background:linear-gradient(135deg,rgba(150,31,48,.92),rgba(83,26,38,.94));color:#fff;box-shadow:0 8px 26px rgba(0,0,0,.18)}.oel-camera-activity-alert div{display:grid;gap:3px}.oel-camera-activity-alert b{font-size:14px}.oel-camera-activity-alert span{font-size:12px;color:#ffe8ec}.oel-camera-activity-alert small{white-space:nowrap;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.22);font-weight:800;color:#ffdbe1}@media(max-width:600px){.oel-camera-activity-alert{align-items:flex-start;flex-direction:column}.oel-camera-activity-alert small{white-space:normal}.oel-activity-nearby-badge{font-size:10px;padding:6px 8px}}

/* v2.1.4 community verification */
.oel-community-badge.verified{background:#123f36;color:#bfffe7;border:1px solid #2d9d7c}.oel-community-confirm-count{margin:4px 0 7px;font-size:11px;font-weight:800;color:#cfe8f2}.oel-activity-nearby-badge.verified{background:#147a61}.oel-camera-activity-alert.verified{border-color:rgba(76,220,173,.65);background:linear-gradient(135deg,rgba(18,93,75,.94),rgba(12,57,52,.96))}.oel-camera-activity-alert.verified span{color:#dcfff3}.oel-camera-activity-alert.verified small{color:#c8ffec}

/* v2.1.5 camera-page community verification controls */
.oel-camera-activity-main{display:grid;gap:4px;min-width:0}.oel-camera-activity-controls{display:grid;gap:8px;margin-top:8px}.oel-camera-confirm-count{font-size:12px;font-weight:900;color:#fff}.oel-camera-activity-buttons{display:flex;flex-wrap:wrap;gap:8px}.oel-camera-activity-buttons button{appearance:none;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:900;letter-spacing:.015em;cursor:pointer}.oel-camera-confirm-btn{border:1px solid rgba(255,255,255,.9);background:#fff;color:#7e2030}.oel-camera-flag-btn{border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.16);color:#fff}.oel-camera-activity-alert.verified .oel-camera-confirm-btn{color:#12634f}.oel-camera-activity-buttons button:disabled{opacity:.65;cursor:default}.oel-camera-action-msg{min-height:14px;font-size:11px;font-weight:800;color:#fff}.oel-camera-activity-status{align-self:flex-start}@media(max-width:600px){.oel-camera-activity-buttons{display:grid;grid-template-columns:1fr}.oel-camera-activity-buttons button{width:100%;padding:11px 12px}}


/* v2.1.6 camera section navigation */
.oel-tab-anchor{scroll-margin-top:105px}.oel-camera-tabs{align-items:center;overflow-x:auto;scrollbar-width:none}.oel-camera-tabs::-webkit-scrollbar{display:none}.oel-camera-tabs button{appearance:none;border:0;background:transparent;color:#8fa9b8;font:inherit;font-weight:700;padding:8px 0;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent}.oel-camera-tabs button:hover{color:#dff5ff}.oel-camera-tabs button.active{color:#fff;border-bottom-color:#1ca9f4}.camera-location-section{margin-top:28px}.camera-location-map{height:330px;border-radius:14px;overflow:hidden;border:1px solid #21475c;background:#08263a;margin-top:16px}.camera-location-empty{padding:18px;border:1px solid #21475c;border-radius:12px;color:#9db5c4;background:#08283b}@media(max-width:600px){.oel-camera-tabs{gap:22px;padding:14px 2px}.oel-camera-tabs button{font-size:13px;min-height:42px}.camera-location-map{height:280px}}

/* v2.2 direct Ocean Eye broadcasting */
.oel-direct-live{display:inline-block;text-decoration:none;color:#fff!important;text-align:center;box-sizing:border-box}.oel-stream-url{display:block;color:#67c9ef;word-break:break-all;margin:5px 0 14px}.member-panel label small{display:block;margin-top:5px;color:#8faeba;line-height:1.35}.member-panel label small b{color:#cdeefa}


/* v2.2.2 direct broadcaster LIVE map markers */
.oel-direct-live-marker{background:transparent!important;border:0!important}.oel-direct-live-pin{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ef2850;border:3px solid #fff;box-shadow:0 0 0 0 rgba(239,40,80,.65),0 6px 22px rgba(0,0,0,.45);animation:oelDirectLivePulse 1.7s infinite}.oel-direct-live-pin i{position:absolute;inset:7px;border-radius:50%;background:#b50f32}.oel-direct-live-pin b{position:relative;z-index:1;color:#fff;font-size:11px;letter-spacing:.06em}.oel-direct-live-popup{min-width:180px;display:grid;gap:6px}.oel-direct-live-popup>span{color:#ef2850;font-size:11px;font-weight:900;letter-spacing:.06em}.oel-direct-live-popup>b{font-size:16px}.oel-direct-live-popup>small{display:block;color:#536875}.oel-direct-live-popup>a{display:inline-block;margin-top:4px;padding:9px 11px;border-radius:8px;background:#ef2850;color:#fff!important;text-decoration:none;font-weight:900;text-align:center}@keyframes oelDirectLivePulse{70%{box-shadow:0 0 0 13px rgba(239,40,80,0),0 6px 22px rgba(0,0,0,.45)}100%{box-shadow:0 0 0 0 rgba(239,40,80,0),0 6px 22px rgba(0,0,0,.45)}}


/* ===== v2.2.6 Homepage direct GO LIVE ===== */
.oel-nav-go-live{
  display:inline-flex;align-items:center;justify-content:center;
  margin-left:12px;padding:10px 15px;border-radius:999px;
  background:#ef2850;color:#fff!important;text-decoration:none!important;
  font-weight:900;font-size:12px;letter-spacing:.04em;
  box-shadow:0 8px 24px rgba(239,40,80,.28);white-space:nowrap
}
.oel-home-live-actions{display:flex;gap:12px;margin:18px 0 2px}
.oel-home-go-live{
  display:inline-flex;align-items:center;gap:11px;
  padding:12px 18px;border:1px solid rgba(255,255,255,.22);
  border-radius:15px;background:#ef2850;color:#fff!important;
  text-decoration:none!important;box-shadow:0 12px 34px rgba(239,40,80,.28)
}
.oel-home-go-live:hover{transform:translateY(-1px)}
.oel-home-go-live>span:last-child{display:flex;flex-direction:column;text-align:left}
.oel-home-go-live b{font-size:15px;letter-spacing:.04em;line-height:1.1}
.oel-home-go-live small{font-size:11px;opacity:.82;margin-top:3px}
.oel-go-live-dot{
  width:11px;height:11px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 0 rgba(255,255,255,.6);animation:oelGoLivePulse 1.6s infinite
}
@keyframes oelGoLivePulse{
  70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}
  100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}
@media(max-width:760px){
  .oel-nav-go-live{
    position:fixed;right:14px;bottom:18px;z-index:9998;
    margin:0;padding:13px 17px;font-size:13px;
    box-shadow:0 12px 35px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.12)
  }
  .oel-home-live-actions{margin-top:16px}
  .oel-home-go-live{padding:12px 15px}
}

/* ===== v2.3.6 OceanEye Marine Services ===== */
.oel-marine-promo{margin:34px 0;display:grid;grid-template-columns:1.7fr .8fr;gap:22px;padding:34px;border:1px solid #17617c;border-radius:22px;background:linear-gradient(135deg,#062d40,#071d2b);overflow:hidden}.oel-marine-promo h2{font-size:36px;margin:7px 0 10px}.oel-marine-promo p{color:#a9c4cf;line-height:1.6;max-width:760px}.oel-marine-promo-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.oel-marine-promo-tags span{padding:8px 10px;border-radius:999px;background:#0c4055;color:#dff6ff;font-size:12px;font-weight:800}.oel-marine-cta,.oel-marine-actions a,.oel-marine-enquire>a{display:inline-block;padding:12px 17px;border-radius:10px;background:#1ca9e6;color:#fff!important;text-decoration:none;font-weight:900}.oel-marine-promo-card{display:flex;flex-direction:column;justify-content:center;padding:25px;border-radius:17px;background:#0a3b50;border:1px solid #17627d}.oel-marine-promo-card b,.oel-marine-page .eyebrow{color:#53c9f6;font-size:11px;letter-spacing:.11em}.oel-marine-promo-card strong{font-size:25px;margin:8px 0;color:#fff}.oel-marine-main{max-width:1200px;margin:auto;padding:42px 22px 70px}.oel-marine-hero{min-height:520px;display:grid;grid-template-columns:1.5fr .55fr;align-items:center;gap:45px}.oel-marine-hero h1{font-size:clamp(48px,7vw,82px);line-height:.98;margin:13px 0 22px;letter-spacing:-.04em}.oel-marine-hero h1 em{font-style:normal;color:#39bff2}.oel-marine-hero p{font-size:19px;line-height:1.6;color:#a9c3ce;max-width:760px}.oel-marine-hero aside{padding:32px;border:1px solid #17617c;border-radius:22px;background:#082f42}.oel-marine-hero aside span{font-size:44px;display:block;margin-bottom:22px}.oel-marine-hero aside b,.oel-marine-hero aside strong{display:block}.oel-marine-hero aside strong{font-size:22px;margin-top:8px}.oel-marine-actions{display:flex;gap:10px;margin-top:26px}.oel-marine-actions .secondary{background:transparent;border:1px solid #2b667e}.oel-marine-services{padding:70px 0}.oel-marine-heading{max-width:700px;margin-bottom:25px}.oel-marine-heading h2,.oel-marine-use h2,.oel-marine-enquire h2{font-size:40px;margin:8px 0}.oel-marine-heading p,.oel-marine-use p,.oel-marine-enquire p{color:#99b7c4;line-height:1.6}.oel-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.oel-service-grid article{padding:28px;border:1px solid #174e66;border-radius:18px;background:#062b3d}.oel-service-grid article>span{font-size:32px}.oel-service-grid h3{font-size:24px;margin:13px 0 8px}.oel-service-grid p,.oel-service-grid li{color:#9db9c5;line-height:1.55}.oel-service-grid ul{padding-left:19px}.oel-marine-use{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:55px 0;border-top:1px solid #17475d;border-bottom:1px solid #17475d}.oel-marine-use-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.oel-marine-use-list span{padding:16px;border-radius:10px;background:#082e40;border:1px solid #164c62;font-weight:800}.oel-marine-enquire{text-align:center;max-width:820px;margin:75px auto 15px;padding:45px;border:1px solid #17617c;border-radius:22px;background:#072d40}.oel-marine-enquire p{font-size:17px}.oel-marine-enquire small{display:block;color:#6f929f;margin:22px auto 0;max-width:650px;line-height:1.5}
@media(max-width:800px){.oel-marine-promo,.oel-marine-hero,.oel-marine-use{grid-template-columns:1fr}.oel-marine-promo{padding:24px}.oel-marine-promo h2{font-size:29px}.oel-marine-hero{min-height:auto;padding:45px 0}.oel-marine-hero h1{font-size:48px}.oel-service-grid{grid-template-columns:1fr}.oel-marine-services{padding:45px 0}.oel-marine-heading h2,.oel-marine-use h2,.oel-marine-enquire h2{font-size:32px}.oel-marine-enquire{padding:30px 20px}.oel-marine-use-list{grid-template-columns:1fr 1fr}}

/* v2.3.7 marine enquiry form */
.oel-marine-form{margin:28px auto 0;max-width:760px;text-align:left}.oel-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.oel-marine-form label{display:block;color:#dff5ff;font-size:13px;font-weight:800;margin-bottom:14px}.oel-marine-form input,.oel-marine-form select,.oel-marine-form textarea{box-sizing:border-box;width:100%;margin-top:7px;padding:13px 14px;border-radius:9px;border:1px solid #28627a;background:#061f2d;color:#fff;font:inherit;outline:none}.oel-marine-form input:focus,.oel-marine-form select:focus,.oel-marine-form textarea:focus{border-color:#39bff2}.oel-marine-form textarea{resize:vertical}.oel-marine-form button{border:0;border-radius:10px;padding:13px 19px;background:#1ca9e6;color:#fff;font-weight:900;font-size:15px;cursor:pointer}.oel-form-success,.oel-form-error{max-width:760px;margin:20px auto;padding:14px 16px;border-radius:10px;font-weight:800}.oel-form-success{background:#0b4a42;border:1px solid #1b8b78}.oel-form-error{background:#4b2525;border:1px solid #9b4848}.oel-form-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}@media(max-width:650px){.oel-form-grid{grid-template-columns:1fr}}

/* v2.3.9 — Paddlefish Adventure local partner integration */
.oel-paddlefish-promo{margin:34px 0;display:grid;grid-template-columns:1.7fr .8fr;gap:22px;padding:34px;border:1px solid #17617c;border-radius:22px;background:linear-gradient(135deg,#082c3d,#0b2532);overflow:hidden}.oel-paddlefish-promo h2{font-size:36px;margin:7px 0 10px}.oel-paddlefish-promo p{color:#a9c4cf;line-height:1.6;max-width:780px}.oel-paddlefish-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.oel-paddlefish-tags span{padding:8px 10px;border-radius:999px;background:#0c4055;color:#dff6ff;font-size:12px;font-weight:800}.oel-paddlefish-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.oel-paddlefish-actions a,.oel-marine-partner a{display:inline-block;padding:12px 17px;border-radius:10px;border:1px solid #2b667e;color:#fff!important;text-decoration:none;font-weight:900}.oel-paddlefish-actions .oel-paddlefish-primary,.oel-marine-partner a:first-child{background:#1ca9e6;border-color:#1ca9e6}.oel-paddlefish-copy small{display:block;color:#6f929f;margin-top:16px}.oel-paddlefish-card{display:flex;flex-direction:column;justify-content:center;padding:25px;border-radius:17px;background:#0a3b50;border:1px solid #17627d}.oel-paddlefish-card>span{font-size:45px;margin-bottom:14px}.oel-paddlefish-card b{color:#53c9f6;font-size:11px;letter-spacing:.11em}.oel-paddlefish-card strong{font-size:25px;margin:8px 0;color:#fff}.oel-marine-partner{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;padding:42px;margin:20px 0 65px;border:1px solid #17617c;border-radius:22px;background:#082f42}.oel-marine-partner h2{font-size:36px;margin:8px 0 12px}.oel-marine-partner p{color:#a9c3ce;line-height:1.6}.oel-partner-note{font-size:14px}.oel-partner-actions{display:flex;flex-direction:column;gap:10px;justify-content:center}.oel-marine-partner a.secondary{background:transparent}
@media(max-width:800px){.oel-paddlefish-promo,.oel-marine-partner{grid-template-columns:1fr}.oel-paddlefish-promo{padding:24px}.oel-paddlefish-promo h2,.oel-marine-partner h2{font-size:29px}.oel-marine-partner{padding:28px 22px}.oel-paddlefish-actions{flex-direction:column}}


/* ===== v2.3.10 Header/navigation layout fix ===== */
/* Keep desktop navigation on a single, clean row. */
@media (min-width: 1001px){
  .oel-nav{
    display:flex!important;
    align-items:center!important;
    gap:22px!important;
    padding-left:clamp(18px,3vw,48px)!important;
    padding-right:clamp(18px,3vw,48px)!important;
  }
  .oel-nav .brand{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .oel-nav nav{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:clamp(6px,1vw,16px)!important;
    overflow:visible!important;
    margin-left:auto!important;
  }
  .oel-nav nav a{
    display:inline-flex!important;
    align-items:center!important;
    white-space:nowrap!important;
    line-height:1.15!important;
    padding:9px clamp(5px,.65vw,10px)!important;
    font-size:clamp(11px,.88vw,14px)!important;
  }
  .oel-nav-go-live{flex:0 0 auto!important;margin-left:0!important}
}
/* On laptop-width screens, keep every item on one line and allow horizontal
   navigation rather than stacking words/links on top of one another. */
@media (min-width: 761px) and (max-width: 1000px){
  .oel-nav{display:flex!important;align-items:center!important;padding:9px 14px!important;gap:10px!important}
  .oel-nav .brand{flex:0 0 auto!important;white-space:nowrap!important;font-size:15px!important}
  .oel-nav nav{
    display:flex!important;flex:1 1 auto!important;min-width:0!important;
    align-items:center!important;flex-wrap:nowrap!important;gap:4px!important;
    overflow-x:auto!important;overflow-y:hidden!important;margin-left:auto!important;
    scrollbar-width:none!important;
  }
  .oel-nav nav::-webkit-scrollbar{display:none!important}
  .oel-nav nav a{
    display:inline-flex!important;flex:0 0 auto!important;white-space:nowrap!important;
    font-size:11px!important;line-height:1!important;padding:8px 5px!important;
  }
  .oel-nav-go-live{flex:0 0 auto!important;margin-left:4px!important;padding:9px 11px!important;font-size:11px!important}
}

/* Seven-day surf forecast */
.oel-surf-forecast{margin:24px auto;padding:24px;border-radius:18px;background:#0b2335;color:#eef9ff}
.oel-surf-forecast h2{margin:0 0 8px;color:#fff}.oel-surf-forecast p{color:#c5dce8}
.oel-surf-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:18px 0}
.oel-surf-day{padding:14px;border:1px solid #355569;border-radius:12px;background:#123349;line-height:1.9}
.oel-surf-day strong{display:block;color:#fff;margin-bottom:8px}.oel-surf-forecast small{color:#b4cbd8}

/* Ocean Eye graphical surf dashboard */
.oel-surf-forecast{background:linear-gradient(140deg,#071a2b,#123d55);box-shadow:0 15px 40px rgba(0,0,0,.14)}
.oel-surf-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.oel-surf-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:#6ee3ef}
.oel-surf-source{font-size:12px;text-align:right;color:#afcddd}.oel-surf-source strong{color:#fff}
.oel-surf-status{padding:25px 0;color:#d4e7f1}
.oel-surf-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}
.oel-surf-metric{background:#ffffff0d;border:1px solid #ffffff26;border-radius:13px;padding:15px;min-width:0}
.oel-surf-metric span{display:block;color:#a6c6d8;font-size:11px;letter-spacing:.06em;font-weight:700}
.oel-surf-metric strong{display:block;color:#fff;font-size:clamp(20px,2.7vw,31px);margin-top:6px}
.oel-surf-plot{border:1px solid #ffffff26;border-radius:15px;background:#061c2d;padding:14px 16px 10px}
.oel-surf-plot-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.oel-surf-plot h3{margin:0;color:#fff;font-size:17px}.oel-surf-plot-head span{font-size:12px;color:#b6d0de}
.oel-surf-chart svg{width:100%;height:auto;display:block;min-height:160px}
.oel-surf-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#d0e8f2;padding:0 0 8px 35px}
.oel-surf-key{display:inline-block;width:16px;height:4px;vertical-align:middle;margin-right:6px;border-radius:5px}
.oel-surf-key.wave{background:#4dd5ed}.oel-surf-key.swell{background:#ffbf72}
.oel-surf-days{grid-template-columns:repeat(7,minmax(0,1fr));overflow-x:auto}
.oel-surf-day{min-width:108px;line-height:1.4;padding:12px}
.oel-surf-day-row{display:flex;justify-content:space-between;gap:7px;margin-top:9px;font-size:12px;color:#b6d0de}.oel-surf-day-row b{color:#fff}
.oel-surf-direction{display:flex;align-items:center;gap:8px;color:#85dce9;font-size:12px;padding:8px 0;border-bottom:1px solid #ffffff22}
.oel-surf-arrow{display:inline-block;font-size:22px;line-height:1;transition:transform .2s}
@media(max-width:750px){.oel-surf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.oel-surf-days{grid-template-columns:repeat(7,115px)}.oel-surf-forecast{padding:16px}.oel-surf-plot{padding:10px 6px}.oel-surf-source{text-align:left}}

/* OceanEyeLive independent hourly surf outlook */
.oel-surf-accordion{display:grid;gap:12px;margin-top:18px}
.oel-surf-accordion-day{border:1px solid #ffffff20;border-radius:14px;background:#111d29;overflow:hidden;color:#eef7ff}
.oel-surf-accordion-title{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:17px 20px;font-size:16px;font-weight:750;list-style:none}
.oel-surf-accordion-title::-webkit-details-marker{display:none}
.oel-surf-expand{color:#82dfe9;transition:transform .2s}.oel-surf-accordion-day[open] .oel-surf-expand{transform:rotate(180deg)}
.oel-surf-table{border-top:1px solid #ffffff20;overflow-x:auto}
.oel-surf-table-head,.oel-surf-table-row{display:grid;grid-template-columns:64px minmax(76px,1fr) minmax(130px,1.6fr) minmax(90px,1fr);align-items:center;gap:8px;padding:10px 12px;min-width:390px}
.oel-surf-table-head{font-size:10px;letter-spacing:.04em;font-weight:800;color:#a8c1d2;text-align:center;background:#0d1925}
.oel-surf-table-row{border-top:1px solid #ffffff13;min-height:74px}
.oel-surf-time{font-size:12px;font-weight:700;color:#c5dce8;text-align:center}
.oel-surf-wave-box{background:#263a57;border-radius:7px;text-align:center;font-weight:800;font-size:24px;padding:12px 5px;color:#fff}
.oel-surf-swell-cell{display:flex;align-items:center;justify-content:space-around;gap:7px;flex-wrap:wrap;font-size:14px}
.oel-surf-direction-label{font-size:12px;color:#91d9ee;white-space:nowrap}
.oel-surf-wind-cell{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;font-size:21px}
.oel-surf-gust{font-size:13px;color:#ff9d89}.oel-surf-wind-dir{font-size:12px;color:#b4e7f2;background:#243a52;border-radius:6px;padding:5px}
@media(max-width:550px){.oel-surf-table-head,.oel-surf-table-row{grid-template-columns:42px 73px minmax(110px,1fr) 76px;gap:4px;padding:8px 5px;min-width:0}.oel-surf-wave-box{font-size:19px}.oel-surf-swell-cell{font-size:12px}.oel-surf-wind-cell{font-size:18px}.oel-surf-accordion-title{padding:14px}}