.live-ocean{padding:34px 55px 55px;background:#061b17}
.live-ocean-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:20px}
.live-ocean-head h4{font:400 clamp(2.3rem,4vw,4.1rem)/.95 "Fjalla One";text-transform:uppercase;margin:8px 0}
.live-ocean-head p{max-width:520px;color:#9bb4ab;line-height:1.6}
.feed-status{display:inline-flex;align-items:center;gap:8px;color:#74dca3;text-transform:uppercase;letter-spacing:.1em;font-size:.64rem;font-weight:800}
.feed-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#4ee28b;box-shadow:0 0 0 5px rgba(78,226,139,.1)}
.feed-status.loading{color:#f4d268}.feed-status.loading:before{background:#f4d268}
.feed-status.unavailable{color:#ff8a83}.feed-status.unavailable:before{background:#ff8a83}
.ocean-stations{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ocean-station{padding:20px;background:linear-gradient(145deg,#0d352e,#08261f);border:1px solid rgba(255,255,255,.1)}
.station-top{display:flex;justify-content:space-between;gap:12px}.station-top b{font:400 1.4rem "Fjalla One";text-transform:uppercase}.station-top small{color:#f4d268}
.station-reading{display:flex;align-items:baseline;gap:7px;margin:18px 0}.station-reading strong{font:400 2.8rem "Fjalla One"}.station-reading span{color:#8eaaa0;font-size:.75rem}
.station-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.station-meta span{padding:8px;background:rgba(0,0,0,.16);color:#a8bdb5;font-size:.66rem}.station-meta b{display:block;color:#fff;font-size:.75rem;margin-bottom:3px}
.station-time{display:block;color:#77938a;font-size:.6rem;margin-top:12px;line-height:1.45}.live-ocean-note{color:#79958b;font-size:.68rem;margin:14px 0 0;line-height:1.5}
.natural-forces{padding:55px;background:linear-gradient(135deg,#06160f,#10172c 55%,#21132a)}.forces-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:24px}.forces-head h4{font:400 clamp(2.3rem,4vw,4.1rem)/.95 "Fjalla One";text-transform:uppercase;margin:8px 0}.forces-head p{max-width:520px;color:#aeb5ca;line-height:1.6}.forces-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.force-card{min-height:270px;padding:24px;border:1px solid rgba(255,255,255,.13);background:rgba(5,12,24,.58);position:relative;overflow:hidden}.force-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-65px;top:-65px;background:radial-gradient(circle,rgba(246,201,69,.24),transparent 68%)}.force-card .force-kicker{display:block;color:#f4d268;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.force-card h5{font:400 2rem "Fjalla One";text-transform:uppercase;margin:12px 0 5px}.force-primary{font:400 3rem "Fjalla One";margin:22px 0 4px}.force-card p{color:#a9b2c3;line-height:1.5;font-size:.82rem}.force-facts{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.force-facts span{padding:7px 9px;background:rgba(255,255,255,.07);font-size:.65rem;color:#c9d0dc}.force-alerts{display:grid;gap:5px;margin-top:13px}.force-alerts a{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;background:rgba(255,255,255,.06);font-size:.65rem}.force-alerts b{color:#f4d268}.force-source{position:absolute;left:24px;bottom:20px;color:#8290a8;font-size:.6rem}
@media(max-width:1000px){.ocean-stations{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.forces-grid{grid-template-columns:1fr}}
@media(max-width:700px){.live-ocean{padding:28px 20px 42px}.live-ocean-head{display:block}.ocean-stations{grid-template-columns:1fr}.natural-forces{padding:42px 20px}.forces-head{display:block}}