.far-tides{background:radial-gradient(ellipse at top left,#f7bc4819,transparent 65%),repeating-radial-gradient(ellipse at 100% 130%,transparent 0 62px,#168e9c0a 63px 65px,transparent 66px 100px),#edf6f7;text-align:center}.far-tides .tx-kicker{color:#146f7d}.far-tides .tide-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:30px 0}.far-tides .tide-day{background:white;border:2px solid transparent;border-radius:16px;padding:20px 8px;color:#073f52;box-shadow:0 12px 30px #073f5208;cursor:pointer;min-width:0}.far-tides .tide-day.selected{border-color:#168e9c;background:#f3fbfc}.far-tides .tide-day.lowest{box-shadow:0 0 0 2px #f7bc48}.far-tides .tide-day strong{display:block;font:34px Georgia,serif;margin:4px}.far-tides .tide-day b{display:block;font-size:17px}.far-tides .tide-day small{display:block;font-size:10px;letter-spacing:.6px}.far-tides .low-label{color:#805800;font-weight:bold;min-height:19px}.far-tides .chart-box{padding:30px;background:white;border:1px solid #d7e6ea;border-radius:20px;text-align:left;box-shadow:0 18px 40px #073f5209}.far-tides .chart-box svg{width:100%;height:auto;display:block;min-width:540px}.far-tides #tide-chart{overflow-x:auto;padding:10px 0}.far-tides .chart-box h3{font-size:25px;margin-top:10px}.far-tides .tide-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:15px}.far-tides .tide-table td,.far-tides .tide-table th{padding:12px 8px;border-bottom:1px solid #d7e6ea;text-align:left}.far-tides caption{text-align:left;font-weight:bold;padding:10px 0;color:#146f7d}.far-tides .chart-box p,.far-tides .tide-planning-note{font-size:12px;color:#506f7a}.far-tides .chart-box a{color:#146f7d;text-decoration:underline;font-size:13px}.far-tides button:focus-visible,.far-tides a:focus-visible{outline:3px solid #073f52;outline-offset:4px}.far-tides #tide-status{font-size:13px;margin:16px auto}.far-tides .tide-planning-note{margin:20px auto 0;max-width:780px}@media(max-width:1000px){.far-tides .tide-days{display:flex;overflow-x:auto;padding:5px;scroll-snap-type:x proximity}.far-tides .tide-day{flex:0 0 140px;scroll-snap-align:start}.far-tides .chart-box{padding:18px}.far-tides .chart-box h3{font-size:22px}}