.pageNav{display:flex;gap:8px;flex-wrap:wrap}.pageNav a{color:#c0d2dc;text-decoration:none;border:1px solid #496575;padding:8px 12px;border-radius:6px;font-size:14px}.pageNav a[aria-current=page]{color:#092b37;background:#58dbc7;border-color:#58dbc7}.full{grid-column:1/-1}.formHint{font-size:13px;margin:0!important}.controls #timingNote{font-size:13px}#chart{height:160px}.tide-label{white-space:nowrap}.stationRowsLink{cursor:pointer}.stationRowsLink:hover{background:#e8f4f5}.summary strong{font-size:21px}.metric b{white-space:normal;text-align:right}#status{overflow-wrap:anywhere}@media(max-width:650px){header{flex-wrap:wrap}.pageNav{width:100%}}

.bridgeControls{margin:0;border:1px solid #c4d5df;border-radius:7px;padding:12px;min-width:0}.bridgeControls legend{font-weight:700;font-size:14px}.bridgeControls p{font-size:13px;line-height:1.45}.bridgeControl{display:block;margin-top:12px;font-size:13px!important}.bridgeControl output{float:right;font-weight:700;color:#087c72}.bridgeControl input[type=range]{display:block;width:100%;margin-top:8px}.bridgeControl small{font-weight:400;display:block;color:#627886;font-size:12px}.arrivalsDetails>p{font-size:13px;margin:8px 0}.bridgeMapIcon{background:#713f92;color:white;font-size:12px;border-radius:4px;padding:3px 5px;font-weight:700;text-align:center;border:2px solid white}

.controls .departureField{min-width:0}.controls .departureField .fieldLabel{display:block;line-height:1.3;min-height:1.3em;white-space:nowrap}.controls .departureField input{height:42px;margin-top:7px;width:100%;min-width:0}.controls .passageActions{margin:0 0 5px}.summary .selectedDuration{font-size:13px;color:#526b7b}.summary .selectedDuration b{color:#143345}

.boatControls{border:1px solid #c4d5df;border-radius:7px;margin:0;padding:12px;min-width:0}.boatControls legend{font-size:14px;font-weight:700}.boatControls>label{display:block}.boatControls .formHint{font-size:12px;line-height:1.45;margin-top:8px!important}.boatDimensions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.boatDimensions label{min-width:0}.boatDimensions input{max-width:100%}.boatDimensions small{display:block;font-size:12px;line-height:1.4;font-weight:400;color:#627886;margin-top:5px}

.priorityTideLabel{background:#fff4ce;border:1px solid #9d6b16;color:#4b3000;font-size:12px;font-weight:750;padding:4px 7px;box-shadow:0 1px 5px #0002}.priorityTideLabel.leaflet-tooltip-left:before{border-left-color:#9d6b16}.priorityTideLabel.leaflet-tooltip-right:before{border-right-color:#9d6b16}.priorityLegendDot{display:inline-block;width:14px;height:14px;border-radius:50%;background:#ffc958;border:2px solid #704400;flex:none}

.rotationControls{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.rotationControls button{min-height:32px;padding:5px 9px;font-size:13px;background:#e5edf2;color:#143345;border:1px solid #b7c8d2}.rotationControls button:hover{background:#d0e1e9}.mapTools .rotationControls span{flex:none;font-size:12px;min-height:0;white-space:nowrap;font-weight:650;color:#143345}.rotationControls button:disabled{opacity:.45}

.finishLabelRow{display:flex;align-items:center;justify-content:space-between;gap:8px}.controls .swapSmall{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:25px;padding:2px 8px;font-size:12px;font-weight:600;border:1px solid #bdcbd3;background:#f0f4f6;color:#466372}.controls .swapSmall:hover{background:#dce8ed;color:#143345}.controls #run{background:#087c72;color:white;font-size:15px;font-weight:750;min-height:46px;box-shadow:0 2px 4px #087c721c}.controls #run:hover{background:#06675f}.plannerBrand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white;font:700 23px Georgia,serif;white-space:nowrap}.plannerBrand img{background:#faf7ee;border-radius:50%;padding:3px}.plannerBrand small{display:block;color:#58dbc7;font:700 11px/1.4 system-ui,sans-serif;letter-spacing:1.5px;margin-top:3px}

header{position:relative;background:white;color:#143345;border-bottom:0;padding-bottom:20px}header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:url("header-wave.svg") repeat-x bottom;background-size:64px 9px;pointer-events:none}.plannerBrand{color:#862b30}.plannerBrand img{background:white;border-radius:0;padding:0}.plannerBrand small{color:#087c72}.pageNav a{color:#335a6c;border-color:#b7cbd5}.pageNav a[aria-current=page]{background:#123e55;border-color:#123e55;color:white}.pageNav a:hover{background:#edf5f8;color:#143345}.pageNav a[aria-current=page]:hover{background:#205b75;color:white}

.plannerBrand{font-size:25px}.plannerBrand img{width:48px;height:48px}

.mapPick[aria-pressed="true"]{background:#087c72;color:white}.pickingEndpoint,.pickingEndpoint .leaflet-interactive{cursor:crosshair!important}.pickingEndpoint{outline:3px solid #087c72;outline-offset:-3px}

.leaflet-waypoint-pane{pointer-events:none}.leaflet-waypoint-pane svg{pointer-events:none}.leaflet-waypoint-pane .leaflet-interactive{pointer-events:auto}

.tideSource{display:block;font-size:11px;color:#526b7b;line-height:1.45;max-width:300px;margin-top:4px}.lowWaterNotice{margin:12px 0;padding:12px 14px;background:#e9f3f3;border-left:4px solid #087c72;font-size:14px;line-height:1.5}.lowWaterWarning{background:#fff0e5;border-color:#b13e27;color:#7d2d19}.lowWaterRow{background:#fff4ec}.waterFlag{font-size:12px;font-weight:700;color:#32616a}.waterFlagLow{color:#a23821}.lowWaterControls{border:1px solid #c4d7df;border-radius:7px;padding:12px}.lowWaterControls legend{font-weight:700;padding:0 5px}.lowWaterControls a{color:#087c72}.stationRowsLink:focus-visible{outline:3px solid #087c72;outline-offset:-3px}