.hp-tides-page{color:#183848;max-width:1040px;margin:0 auto;padding:28px 20px 48px}.hp-tides-intro{max-width:740px;margin-bottom:24px}.hp-tide-back{width:-moz-fit-content;width:fit-content;margin-bottom:20px;display:block}.hp-tide-eyebrow{color:#156782;letter-spacing:.04em;font-size:.74rem;font-weight:650;display:block}.hp-tides-intro h1{margin:8px 0 14px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15}.hp-tides-page p{line-height:1.55}.hp-tides-controls{margin-bottom:12px}.hp-tide-days{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hp-tide-days input{color:#183848;background:#fff;border:1px solid #afc7d0;border-radius:6px;width:136px;min-width:0;height:34px;min-height:34px;padding:3px 7px;font-size:.8rem;font-weight:500}.hp-tide-days button{color:#174457;background:#e9f3f5;border:0;border-radius:6px;min-width:34px;min-height:34px;padding:3px 8px;font-size:.8rem;font-weight:500}.hp-tide-days button:disabled{opacity:.45;cursor:default}.hp-tide-panel{background:#fff;border:1px solid #d4e1e5;border-radius:16px;padding:22px}.hp-tide-panel-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.hp-tide-panel-heading h2{margin:5px 0;font-size:1.5rem}.hp-tide-panel-heading p{color:#526b77;margin:0;font-size:.8rem}.hp-tide-current{text-align:right;gap:4px;display:grid}.hp-tide-current strong{color:#086b82;font-size:1.6rem}.hp-tide-current span{font-size:.78rem}.hp-tides-page .hp-tide-datum{color:#526b77;margin:12px 0 0;font-size:.76rem}.hp-tide-graph svg{width:100%;max-height:260px;display:block;overflow:visible}.hp-tide-interactive{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;cursor:crosshair;border-radius:4px}.hp-tide-interactive:focus-visible{outline-offset:3px;outline:2px solid #16819b}.hp-tide-graph-actions{color:#526b77;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin:4px 0 10px;font-size:.76rem;display:flex}.hp-tide-graph-actions small{font-size:inherit}.hp-tide-graph-actions button{color:#08677d;width:auto;min-height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;padding:4px 0}.hp-tide-graph-actions button:disabled{color:#526b77;opacity:.65;cursor:default}.hp-tide-graph-actions button:focus-visible{outline-offset:3px;outline:2px solid #16819b}@media (pointer:coarse){.hp-tide-graph-actions button{min-height:44px}}.hp-tide-graph text{fill:#526b77;font-size:16px}.hp-tide-grid{stroke:#dbe6e9;stroke-width:1px}.hp-tide-fill{fill:#e6f3f6}.hp-tide-line{fill:none;stroke:#087a94;stroke-width:3px}.hp-tide-now{stroke:#9b6b25;stroke-width:1.5px;stroke-dasharray:4 4}.hp-tide-point{fill:#0b4a64;stroke:#fff;stroke-width:2px}.hp-tide-scrubber{margin:0 0 16px;font-size:.8rem;display:block}.hp-tide-scrubber>span{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.hp-tide-scrubber input{accent-color:#087a94;width:100%;height:32px;padding:0}.hp-tide-extremes{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hp-tide-extremes li{background:#f1f7f8;border-radius:9px;gap:5px;padding:12px;font-size:.8rem;display:grid}.hp-tide-extremes strong{color:#113e52;font-size:1.05rem}.hp-tide-moon{align-items:center;gap:12px;margin:18px 0 12px;display:flex}.hp-tide-moon>span{color:#1d5d76;font-size:2rem}.hp-tide-moon div{gap:3px;font-size:.85rem;display:grid}.hp-tide-moon div span{color:#526b77;font-size:.78rem}.hp-tides-page .hp-tide-caution{color:#4e5f65;border-left:3px solid #c5974b;padding-left:12px;font-size:.82rem}.hp-tide-sources{overflow-wrap:anywhere;border-top:1px solid #dbe6e9;padding-top:12px;font-size:.78rem}.hp-tide-sources summary{cursor:pointer;color:#215c72;min-height:32px;padding:5px 0}.hp-tides-coverage{color:#526b77;margin-top:28px;font-size:.8rem}.hp-tide-finder{background:#fff;border:1px solid #d4e1e5;border-radius:12px;margin-bottom:18px;padding:18px}.hp-tide-locate{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:16px;display:flex}.hp-tide-locate>span{color:#526b77;font-size:.76rem}.hp-tides-page .hp-tide-location-button{color:#fff;background:#0c526b;border:0;border-radius:8px;min-height:44px;padding:9px 14px;font-size:.84rem;font-weight:550}.hp-tide-location-button:disabled{opacity:.7;cursor:wait}.hp-tides-page .hp-tide-text-action{color:#18566b;text-underline-offset:3px;background:0 0;border:0;border-radius:5px;align-items:center;min-height:44px;padding:4px 6px;font-size:.8rem;font-weight:500;text-decoration:underline;display:inline-flex}.hp-tide-location-status:empty{display:none}.hp-tide-location-status{margin-bottom:12px;font-size:.84rem}.hp-tide-search label{margin-bottom:8px;font-size:.86rem;font-weight:600;display:block}.hp-tide-search input{color:#183848;background:#fff;border:1px solid #afc7d0;border-radius:8px;width:100%;min-width:0;min-height:46px;padding:10px 12px;font-size:1rem;display:block}.hp-tides-page .hp-tide-search-hint{color:#526b77;margin:8px 0;font-size:.76rem}.hp-tide-search-credit{color:#526b77;font-size:.69rem;display:block}.hp-tide-search-results{border-top:1px solid #d4e1e5;margin-top:12px;padding-top:2px}.hp-tide-search-results ul,.hp-tide-nearby ul{margin:0;padding:0;list-style:none}.hp-tides-page .hp-tide-search-results button,.hp-tides-page .hp-tide-nearby li button{text-align:left;color:#183848;background:0 0;border:0;border-bottom:1px solid #e1ebee;border-radius:0;flex-direction:column;gap:4px;width:100%;min-height:54px;padding:10px 12px;font-size:.87rem;font-weight:450;display:flex}.hp-tide-search-results strong,.hp-tide-nearby strong{font-weight:600}.hp-tide-search-results button span,.hp-tide-nearby button span{color:#526b77;font-size:.76rem}.hp-tide-search-results button small{color:#365d6e;font-size:.74rem}.hp-tides-page .hp-tide-search-results button:hover,.hp-tides-page .hp-tide-search-results button[aria-selected=true],.hp-tides-page .hp-tide-nearby li button:hover{background:#edf6f7}.hp-tides-page .hp-tide-nearby li button[aria-pressed=true]{background:#edf6f7;border-left:3px solid #087a94}.hp-tide-area{overflow-wrap:anywhere;background:#edf6f7;border-radius:10px;margin-bottom:12px;padding:8px 12px;position:relative}.hp-tide-area-details>summary{color:#18566b;cursor:pointer;min-height:44px;padding:11px 82px 11px 0;font-size:.85rem}.hp-tide-area-details>summary strong{color:#183848;font-weight:600}.hp-tide-area-details>p{font-size:.82rem}.hp-tides-page .hp-tide-clear-area{position:absolute;top:8px;right:8px}.hp-tides-page .hp-tide-reference-note{margin:0 0 5px;font-size:.81rem}.hp-tide-nearby summary{color:#18566b;cursor:pointer;min-height:44px;padding:12px 0 8px;font-size:.8rem}.hp-tide-empty{border-left:3px solid #91b7c5;padding:8px 14px;font-size:.9rem}.hp-tides-page :is(button,input,summary,a):focus-visible{outline-offset:3px;outline:2px solid #16819b}.hp-water-tides{background:#edf6f7;border-left:3px solid #32869b;margin:16px 0;padding:14px 16px;font-size:.84rem}.hp-water-tides p{margin:6px 0 10px;line-height:1.4}.hp-water-tides a{color:#075e7c;font-weight:600}.hp-water-tides.is-compact{background:0 0;border:0;border-top:1px solid #d4e1e5;margin:10px 0 0;padding:8px 0 0;font-size:.78rem}.hp-water-tides.is-compact p{font-size:.75rem}@media (max-width:540px){.hp-tides-page{padding:20px 14px 36px}.hp-tide-panel{border-radius:12px;padding:16px 12px}.hp-tide-panel-heading{flex-wrap:wrap;gap:10px}.hp-tide-current{text-align:left}.hp-tide-panel-heading h2{font-size:1.25rem}.hp-tide-extremes{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-tide-graph text{font-size:19px}.hp-tide-days input{width:144px;font-size:16px}}@media (pointer:coarse){.hp-tide-days :is(input,button){min-height:44px}.hp-tide-days button{min-width:44px}.hp-tide-scrubber input,.hp-tide-sources summary{min-height:44px}.hp-water-tides a{align-items:center;min-height:44px;display:inline-flex}}