.mh-sea-page{max-width:1180px!important;margin:0 auto!important;padding:18px 22px 38px!important;color:#374151}
.mh-sea-page *{box-sizing:border-box}
.mh-sea-hero{padding:26px 28px!important;margin-bottom:18px!important;background:linear-gradient(135deg,#eef9fc,#f7fbfd);border-left:5px solid #1687a7;border-radius:9px}
.mh-sea-hero h1{margin:0 0 9px!important;color:#155e75!important;font-size:34px!important;line-height:1.15!important}
.mh-sea-hero p{margin:0!important;max-width:900px;color:#52616b;line-height:1.65}
.mh-sea-section{padding:30px 0!important;margin:0!important}
.mh-sea-section+.mh-sea-section{border-top:1px solid #e7edef}
.mh-sea-section h2{margin:0 0 8px!important;color:#155e75!important;font-size:28px!important}
.mh-sea-lead,.mh-sea-section>p{max-width:930px;margin:0 0 18px!important;color:#5c6972;line-height:1.6}
.mh-sea-soft{background:#f6fbfd;padding:28px!important;border-radius:10px;border-top:0!important}
.mh-sea-grid{gap:16px!important;margin:18px 0 0!important}
.mh-sea-grid>.wp-block-column{margin:0!important}
.mh-sea-card{height:100%;background:#fff;border:1px solid #e0e9ed;border-radius:10px;padding:19px!important;box-shadow:0 2px 9px rgba(0,0,0,.045)}
.mh-sea-card h3{margin:0 0 7px!important;font-size:19px!important;color:#17445f!important}
.mh-sea-card p{margin:0!important;font-size:14px;line-height:1.55;color:#596872}
.mh-sea-card.high{border-top:4px solid #1687a7}
.mh-sea-card.low{border-top:4px solid #e6a23c}
.mh-sea-card.range{border-top:4px solid #6c91a3}
.mh-sea-card.beach{border-top:4px solid #3ca6c5}
.mh-sea-card.fish{border-top:4px solid #2e8b57}
.mh-sea-card.sport{border-top:4px solid #6476c3}

/* Widget */
.mh-tides-widget{background:#fff;border:1px solid #dce7eb;border-radius:14px;box-shadow:0 5px 20px rgba(23,49,59,.08);overflow:hidden}
.mh-tides-loading{padding:28px;text-align:center;color:#66757e}
.mh-tides-top{display:grid;grid-template-columns:1.15fr .85fr;gap:0}
.mh-tides-summary{padding:24px 25px 18px;background:linear-gradient(135deg,#0f6f91,#1687a7);color:#fff}
.mh-tides-date{font-size:13px;opacity:.85;margin-bottom:4px}
.mh-tides-summary h3{margin:0 0 6px!important;color:#fff!important;font-size:25px!important}
.mh-tides-next{font-size:15px;opacity:.96}
.mh-tides-next strong{font-size:20px}
.mh-tides-stats{display:grid;grid-template-columns:1fr 1fr;background:#f7fbfc}
.mh-tide-stat{padding:20px;border-left:1px solid #e3ecef;border-bottom:1px solid #e3ecef}
.mh-tide-stat:nth-child(3),.mh-tide-stat:nth-child(4){border-bottom:0}
.mh-tide-stat .kind{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#77858d}
.mh-tide-stat .time{display:block;font-size:20px;font-weight:800;color:#173f58;line-height:1.25}
.mh-tide-stat .height{font-size:13px;color:#67757e}
.mh-tides-chart-wrap{padding:20px 22px 12px;background:#fff}
.mh-tides-chart-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}
.mh-tides-chart-title strong{color:#17445f}
.mh-tides-chart-title span{font-size:12px;color:#77858d}
.mh-tide-svg{display:block;width:100%;height:230px;overflow:visible}
.mh-tide-grid{stroke:#e8eef0;stroke-width:1}
.mh-tide-line{fill:none;stroke:#1687a7;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.mh-tide-area{fill:url(#mhTideGradient);opacity:.65}
.mh-tide-point-high{fill:#1687a7}
.mh-tide-point-low{fill:#e6a23c}
.mh-tide-label{font-size:11px;fill:#586771;text-anchor:middle}
.mh-tide-height-label{font-size:11px;fill:#173f58;text-anchor:middle;font-weight:700}
.mh-tides-source{padding:10px 22px 15px;font-size:12px;color:#78858c;border-top:1px solid #edf1f3}
.mh-tides-source a{color:#1687a7!important;font-weight:700}

/* Official */
.mh-sea-official{padding:28px!important;background:#fff7e9;border:1px solid #f3dfb7!important;border-radius:10px}
.mh-sea-official .wp-block-button__link{background:#1687a7!important;color:#fff!important;border-radius:7px!important;font-size:14px!important;padding:10px 16px!important}
.mh-sea-note{margin-top:18px!important;padding:16px 18px!important;border-radius:8px;background:#f4f6f7;color:#667179}
.mh-sea-note p{margin:0!important;font-size:13px;line-height:1.55}

@media(max-width:781px){
 .mh-sea-page{padding-left:14px!important;padding-right:14px!important}
 .mh-sea-hero{padding:22px!important}
 .mh-sea-hero h1{font-size:29px!important}
 .mh-sea-soft,.mh-sea-official{padding:22px!important}
 .mh-tides-top{grid-template-columns:1fr}
 .mh-tide-stat:first-child,.mh-tide-stat:nth-child(3){border-left:0}
}
@media(max-width:600px){
 .mh-sea-hero h1{font-size:26px!important}
 .mh-sea-section h2{font-size:23px!important}
 .mh-tides-summary{padding:20px}
 .mh-tide-stat{padding:15px}
 .mh-tide-stat .time{font-size:18px}
 .mh-tides-chart-wrap{padding:16px 8px 8px}
 .mh-tide-svg{height:205px}
}