.hk-tide-head{padding:0 0 6px}.hk-surface .hk-reading .hk-tide-head h1,.hk-tide-head h1{margin-bottom:6px}.hk-tide-index-head{padding:0 0 22px;border-bottom:1px solid var(--border)}.hk-tide-index-head .hk-facts{margin-top:18px}.hk-tide-pick-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}@media (min-width:900px){.hk-tide-pick-grid{grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:28px}}.hk-surface .hk-reading .hk-tide-pick-grid .hk-list,.hk-tide-pick-grid .hk-list{margin-top:0}.hk-tide-pick-grid .hk-list-item .hk-list-tag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.hk-tide-map .paper{fill:var(--hk-body);stroke:var(--hk-line);stroke-width:1;vector-effect:non-scaling-stroke}.hk-tide-map .grid{fill:none;stroke:var(--hk-detail);stroke-width:1;stroke-dasharray:3 7;vector-effect:non-scaling-stroke}.hk-tide-map .axis{fill:var(--hk-faint);font-size:10px;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hk-tide-map .station{cursor:pointer;outline:none}.hk-tide-map .station .ring{fill:none;stroke:var(--hk-sea);stroke-width:1;opacity:0;vector-effect:non-scaling-stroke;transition:opacity .12s ease}.hk-tide-map .station .dot{fill:var(--hk-sea);stroke:var(--hk-body);stroke-width:2}.hk-tide-map .station .name{fill:var(--hk-ink);font-size:14px;font-weight:700;font-family:inherit;paint-order:stroke fill;stroke:var(--hk-body);stroke-width:4px;stroke-linejoin:round}.hk-tide-map .station .code{fill:var(--hk-dim);font-size:10px;font-weight:600;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;paint-order:stroke fill;stroke:var(--hk-body);stroke-width:3px;stroke-linejoin:round}.hk-tide-map .station:focus-visible .dot,.hk-tide-map .station:hover .dot{fill:var(--hk-ink)}.hk-tide-map .station:focus-visible .ring,.hk-tide-map .station:hover .ring{opacity:1}.hk-tide-map .station:focus-visible .name,.hk-tide-map .station:hover .name{fill:var(--hk-sea);text-decoration:underline}.hk-tide-map .station:focus-visible .dot{stroke:var(--hk-ink)}@media (max-width:719px){.hk-tide-map .station .name{font-size:22px}.hk-tide-map .axis,.hk-tide-map .station .code{font-size:14px}.hk-tide-map .station .dot{r:8px}}@media (prefers-reduced-motion:reduce){.hk-tide-map .station .ring{transition:none}}.hk-tide-coverage{overflow-x:auto}.hk-tide-coverage :is(th,td){white-space:normal}.hk-tide-tool{margin-top:10px}.hk-surface .hk-reading .hk-tide-tool>h2,.hk-tide-tool>h2{margin:0 0 6px}.hk-tide-tool .hk-toolbar{margin:10px 0 0}.hk-tide-actions{display:flex;flex-wrap:wrap;gap:8px}.hk-tide-tool input[type=date]{font-size:16px}@media (max-width:479px){.hk-tide-tool .hk-toolbar{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-gap:8px;gap:8px;padding:10px}.hk-tide-tool .hk-toolbar label{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:4px;gap:4px;width:auto;font-size:13px}.hk-tide-tool .hk-toolbar :is(input[type=date],select){min-width:0;width:100%;padding:6px 3px}.hk-tide-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.hk-tide-tool .hk-toolbar button{padding:8px 3px;font-size:13px}}.hk-tide-tool select{min-height:44px;max-width:100%;font:inherit;font-size:16px;padding:6px;color:var(--hk-ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:8px}.hk-surface .hk-reading .hk-tide-tool .hk-note,.hk-surface .hk-reading .hk-tide-tool .hk-status,.hk-tide-tool .hk-note,.hk-tide-tool .hk-status{margin-top:10px}.hk-tide-tool .hk-note input{width:100%;min-height:44px;margin-top:6px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:10px;font:inherit;background:var(--inset);color:var(--hk-ink)}.hk-surface .hk-reading .hk-tide-tool h3,.hk-tide-tool h3{margin:0 0 6px}.hk-surface .hk-reading .hk-tide-fine,.hk-tide-fine{margin:0 0 10px;color:var(--hk-dim);font-size:var(--type-caption);line-height:1.7;max-width:44em}.hk-tide-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:22px;gap:22px;margin-top:18px}@media (min-width:900px){.hk-tide-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-areas:"events hourly" "week hourly";gap:22px 32px;align-items:start}.hk-tide-area-events{grid-area:events}.hk-tide-area-hourly{grid-area:hourly}.hk-tide-area-week{grid-area:week}}.hk-tide-area-events table,.hk-tide-area-hourly table,.hk-tide-area-week table{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.hk-tide-area-events tbody tr:last-child td,.hk-tide-area-hourly tbody tr:last-child td,.hk-tide-area-week tbody tr:last-child :is(th,td){border-bottom:0}.hk-surface .hk-reading .hk-tide-events td,.hk-tide-events td{font-size:26px;font-weight:800;line-height:1.2;padding:12px 14px;color:var(--hk-ink);letter-spacing:-.01em}.hk-surface .hk-reading .hk-tide-events td:last-child,.hk-surface .hk-reading .hk-tide-events thead th:last-child,.hk-tide-events td:last-child,.hk-tide-events thead th:last-child{text-align:right}.hk-surface .hk-reading .hk-tide-hourly td.hk-tide-hcell,.hk-tide-hourly td.hk-tide-hcell{position:relative;font-weight:700;color:var(--hk-ink)}.hk-bar{position:absolute;left:0;top:6px;bottom:6px;max-width:100%;border-radius:0 4px 4px 0;background:var(--hk-sea-tint);border-right:2px solid var(--hk-sea-line);pointer-events:none}.hk-tide-h{position:relative;z-index:1}.hk-tide-hourly td:first-child,.hk-tide-hourly th[scope=col]:first-child{width:46%}.hk-tide-week th[scope=row]{white-space:nowrap;font-weight:600}.hk-tide-week th[scope=row] a{font-weight:700}.hk-tide-week td time{font-weight:700;color:var(--hk-ink)}@media (max-width:479px){.hk-surface .hk-reading .hk-tide-events td,.hk-tide-events td{font-size:22px}}.hk-tide-chart{margin:12px 0 0;padding:18px 20px 14px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--hk-sea);box-shadow:0 6px 20px rgba(30,71,96,.035)}.hk-tide-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:var(--hk-ink)}.hk-tide-chart-head>div{min-width:0}.hk-tide-chart-head time{display:inline-block;white-space:nowrap}.hk-tide-chart-head .hk-tide-fine{margin-bottom:0}.hk-tide-chart-readout{display:grid;grid-gap:2px;gap:2px;text-align:right;flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hk-tide-chart-readout span{font-size:var(--type-caption);color:var(--hk-dim)}.hk-tide-chart-readout strong{font-size:clamp(22px,3vw,30px);line-height:1.15;color:var(--hk-sea)}.hk-tide-chart svg{display:block;width:100%;max-width:760px;margin:8px auto 0;height:auto;overflow:visible}.hk-tide-chart text{fill:var(--hk-dim);font-size:13px;font-family:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hk-tide-chart .grid{stroke:var(--border);stroke-width:1}.hk-tide-chart .vertical{stroke-dasharray:3 6}.hk-tide-chart .baseline{stroke:var(--hk-dim);stroke-width:1}.hk-tide-chart .series{fill:none;stroke:var(--hk-sea);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.hk-tide-chart .sample{fill:var(--hk-sea);pointer-events:none}.hk-tide-chart .sample.is-selected{stroke:var(--surface);stroke-width:2}.hk-tide-chart .cursor{stroke:var(--hk-sea);stroke-width:1;stroke-dasharray:3 4;opacity:.6;vector-effect:non-scaling-stroke}.hk-tide-chart .hit{fill:transparent;cursor:crosshair}.hk-tide-chart-slider{display:flex;align-items:center;gap:14px;color:var(--hk-dim);font-size:var(--type-caption)}.hk-tide-chart-slider input{flex:1 1;min-width:0;min-height:44px;accent-color:var(--hk-sea)}.hk-tide-chart>figcaption{margin-bottom:0;max-width:65em}.hk-surface .hk-reading .hk-tide-range,.hk-tide-range{margin:8px 0 0;font-size:var(--type-caption);color:var(--hk-dim)}.hk-surface .hk-reading .hk-tide-flow-link,.hk-tide-flow-link{margin:12px 0 0;max-width:65em}.hk-surface .hk-reading .hk-tide-intro,.hk-tide-intro{max-width:52em;margin:8px 0;font-size:var(--type-small);line-height:1.7}.hk-surface .hk-reading .hk-tide-context,.hk-tide-context{margin:6px 0 10px;font-size:var(--type-caption);color:var(--hk-dim);max-width:65em}.hk-tide-days{display:flex;gap:6px;margin:12px 0;overflow-x:auto;padding:2px 2px 5px}.hk-tide-days a{display:grid;grid-gap:3px;gap:3px;flex:0 0 68px;min-width:68px;padding:8px 6px;border:1px solid var(--border);border-radius:12px;text-decoration:none;text-align:center;color:var(--hk-dim);background:var(--surface);white-space:nowrap}.hk-tide-days a span{font-size:12px}.hk-tide-days a strong{font-size:18px;color:var(--hk-ink)}.hk-tide-days a[aria-current=date]{background:var(--hk-sea);border-color:var(--hk-sea);color:white}.hk-tide-days a[aria-current=date] strong{color:white}.hk-tide-chart-slider input:focus-visible,.hk-tide-days a:focus-visible{outline:3px solid var(--hk-sea);outline-offset:2px}.hk-tide-days a:hover{border-color:var(--hk-sea)}@media (max-width:719px){.hk-tide-chart{padding:14px 10px 12px}.hk-tide-chart text{font-size:20px}.hk-surface .hk-reading .hk-tide-chart-head h3,.hk-tide-chart-head h3{font-size:16px}.hk-tide-chart-head .hk-tide-fine{font-size:12px}.hk-tide-chart-readout strong{font-size:22px;white-space:nowrap}.hk-tide-chart-slider{gap:8px}}.hk-tide-page .hk-cta{margin-top:24px}.hk-surface .hk-reading .hk-tide-related .hk-list,.hk-tide-related .hk-list{margin-top:0}.hk-surface .hk-reading .hk-tide-month table,.hk-tide-month table{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.hk-surface .hk-reading .hk-tide-month caption,.hk-tide-month caption{padding:0 0 10px;max-width:44em;line-height:1.6}.hk-tide-month tbody tr:last-child :is(th,td){border-bottom:0}.hk-tide-month th[scope=row]{white-space:nowrap;font-weight:600;width:1%}.hk-tide-month th[scope=row] a{font-weight:700}.hk-tide-month td time{font-weight:700;color:var(--hk-ink)}.hk-tide-month td{line-height:1.8}.hk-tide-dow{margin-left:4px;color:var(--hk-dim);font-weight:500;font-size:var(--type-caption)}@media (max-width:479px){.hk-surface .hk-reading .hk-tide-month :is(th,td),.hk-tide-month td,.hk-tide-month th[scope=row]{padding:8px 10px}.hk-tide-month th[scope=row]{white-space:normal}.hk-tide-month .hk-tide-dow{display:block;margin:0}.hk-tide-month td span{display:inline-block}}.hk-tide-tool .hk-tide-compare{align-items:center}.hk-tide-compare a{overflow-wrap:anywhere}@media (max-width:479px){.hk-tide-tool .hk-tide-compare{grid-template-columns:minmax(0,1fr)}}