/* Marine pages (wave buoys, storm tide). A thin layer over guides.css and flood.css. */
.marine-now{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0 0 14px}
.marine-now div{border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:10px 12px}
.marine-now span{display:block;font-size:13px;color:var(--muted)}
.marine-now strong{display:block;font-size:24px;margin-top:2px}
.marine-chart{width:100%;height:auto;display:block;background:var(--panel);border:1px solid var(--line);border-radius:5px}
.marine-chart .axis text{font-size:11px;fill:var(--muted)}
.marine-chart .mg{stroke:var(--line);stroke-width:1}
.marine-chart .hs{fill:none;stroke:#4f9bd9;stroke-width:2}
.marine-chart .hmax{fill:none;stroke:#f5cd62;stroke-width:1.2;opacity:.85}
.marine-key{font-size:13px;color:var(--muted)}
.marine-key span{display:inline-block;width:18px;height:3px;vertical-align:middle;margin:0 6px 0 12px}
.marine-key .k-hs{background:#4f9bd9}.marine-key .k-hmax{background:#f5cd62}