.wh-tides{--ink:#1f2a2e;--slate:#626a6b;--muted:#7d8587;--cream:#f7f3ea;--sand:#e9e1d1;--line:#dcd5c6;--sea:#5f8f9b;--sea2:#8fbac4;--high:#2d5b69;--low:#c2704e;--cur:#efe8d8;background:var(--cream);color:var(--ink);width:100%;max-width:none;margin:0;padding:24px 0;font-family:inherit;line-height:1.4}
.wh-tides *{box-sizing:border-box}
.wh-tides .wh-h3{font-family:inherit;font-size:clamp(24px,4vw,34px);font-weight:400;margin:0 0 12px;color:var(--ink);letter-spacing:.01em}
.wh-tides .wh-h3 small{font-size:.5em;color:var(--muted);margin-left:8px}
.wh-tides .wh-top{font-size:12px;color:var(--slate);letter-spacing:.14em;margin:0 0 4px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.wh-tides .wh-sub{margin:0 0 18px;color:var(--muted);font-size:14px}
.wh-tides .wh-card{border-top:1px solid var(--line);padding:20px 0}
.wh-tides .wh-days{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
.wh-tides .wh-days button{flex:0 0 auto;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:8px 12px;font-size:13px;cursor:pointer;min-width:82px;line-height:1.3;text-transform:uppercase;letter-spacing:.08em;font-family:inherit}
.wh-tides .wh-days button.active{background:var(--slate);color:#fff;border-color:var(--slate)}
.wh-tides .wh-days button small{display:block;font-size:11px;opacity:.8;text-transform:none;letter-spacing:0}
.wh-tides .wh-cond{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;text-align:center}
.wh-tides .wh-big{font-size:clamp(28px,6vw,40px);font-weight:400;line-height:1;font-family:inherit}
.wh-tides .wh-big b{font-weight:400}
.wh-tides .wh-big small{font-size:.45em;color:var(--muted)}
.wh-tides .wh-lbl{font-size:11px;letter-spacing:.14em;color:var(--slate);margin-top:8px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.wh-tides .wh-gaugebox{width:130px}
.wh-tides .wh-trend{font-size:15px;color:var(--slate);letter-spacing:.08em;text-transform:uppercase}
.wh-tides .wh-h{font-size:22px;margin-bottom:4px}
.wh-tides canvas.wh-g{display:block;width:130px;height:70px}
.wh-tides .wh-arrow{display:inline-block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;vertical-align:middle;margin:0 8px}
.wh-tides .wh-arrow.high{border-bottom:11px solid var(--high)}
.wh-tides .wh-arrow.low{border-top:11px solid var(--low)}
.wh-tides .wh-timers{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:18px}
.wh-tides .wh-timers>div{padding:16px 8px;text-align:center}
.wh-tides .wh-timers>div+div{border-left:1px solid var(--line)}
.wh-tides .wh-timers .wh-big{font-size:clamp(24px,5vw,32px)}
.wh-tides .wh-chart{position:relative;width:100%;height:300px}
.wh-tides .wh-chart-sm{height:200px}
.wh-tides canvas{display:block;width:100%;height:100%}
.wh-tides .wh-table{display:table!important;width:100%!important;border-collapse:collapse;font-size:16px;margin:0;border:0;background:transparent;table-layout:auto}
.wh-tides .wh-table thead{display:table-header-group!important}
.wh-tides .wh-table tbody{display:table-row-group!important}
.wh-tides .wh-table tr{display:table-row!important;width:auto!important;margin:0!important;padding:0!important;border:0!important}
.wh-tides .wh-table th,.wh-tides .wh-table td{display:table-cell!important;width:auto;float:none!important;position:static!important;text-align:left!important}
.wh-tides .wh-table td::before,.wh-tides .wh-table th::before{content:none!important;display:none!important}
.wh-tides .wh-table th,.wh-tides .wh-table td{padding:10px 8px;text-align:left;border:0;border-bottom:1px solid var(--line);color:var(--ink);background:transparent;vertical-align:middle}
.wh-tides .wh-table th{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--slate);font-weight:600;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.wh-tides .wh-hl{margin-top:12px}
.wh-tides .wh-hl td:first-child{width:36px!important}
.wh-tides .wh-hour td:nth-child(1){width:72px!important;font-size:17px;white-space:nowrap}
.wh-tides .wh-hour td:nth-child(2){width:56px!important;font-size:17px}
.wh-tides .wh-hour td.t{width:30px;color:var(--muted);text-align:right!important}
.wh-tides .wh-bar{height:26px;background:var(--sea);border-radius:2px}
.wh-tides tr.cur td{background:var(--cur)}
.wh-tides .wh-sun{display:flex;gap:24px;font-size:14px;color:var(--muted);margin-top:12px}
.wh-tides .wh-sun b{color:var(--ink);font-weight:400}
.wh-tides .wh-week{overflow-x:auto;margin-top:12px}
.wh-tides .wh-week table{min-width:640px;font-size:14px}
.wh-tides .wh-week td{vertical-align:top;white-space:nowrap}
.wh-tides .wh-ev{display:block;padding:2px 0}
.wh-tides .wh-ev small{color:var(--muted)}
.wh-tides .wh-muted{color:var(--muted);font-size:13px;margin:10px 0 0}
.wh-tides .wh-msg{padding:14px;border-radius:4px;background:#f6e3dc;border:1px solid #e4b8a8;color:#8a3a1e;display:none;margin-bottom:12px}
.wh-tides .wh-foot{margin:24px 0 0;font-size:12px;color:var(--muted)}
.wh-tides .wh-foot a{color:var(--sea)}
@media (max-width:600px){.wh-tides{padding:18px 0}.wh-tides .wh-hour td:nth-child(1){width:60px!important;font-size:15px}.wh-tides .wh-hour td:nth-child(2){width:44px!important;font-size:15px}.wh-tides .wh-bar{height:22px}.wh-tides .wh-chart{height:260px}.wh-tides .wh-table th,.wh-tides .wh-table td{padding:8px 6px}}