.chart-sheet{--tick:6px;position:relative;margin:0;aspect-ratio:560/440;border:1px solid var(--ds-text);background:var(--ds-surface-raised);color:var(--ds-text);isolation:isolate;container-type:inline-size}.chart-sheet:after,.chart-sheet:before{content:"";position:absolute;z-index:2;pointer-events:none}.chart-sheet:before{inset:0 0 auto var(--tick);height:var(--tick);border-bottom:1px solid var(--ds-text);background:repeating-linear-gradient(90deg,var(--ds-text) 0 28px,transparent 28px 56px)}.chart-sheet:after{inset:var(--tick) auto 0 0;width:var(--tick);border-right:1px solid var(--ds-text);background:repeating-linear-gradient(180deg,var(--ds-text) 0 28px,transparent 28px 56px)}.chart-caption{position:absolute;z-index:1;top:calc(var(--tick) + 16px);left:calc(var(--tick) + 16px);max-width:70%;padding:6px 10px;border:1px solid var(--ds-text);background:var(--ds-surface-raised);font-size:14px;font-weight:var(--ds-weight-medium);line-height:1.3}.chart-drawing{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%}.chart-drawing .chart-water{fill:var(--ds-chart-water)}.chart-drawing .chart-land{fill:var(--ds-color-line)}.chart-drawing .chart-contour{fill:none;stroke:var(--ds-chart-contour);stroke-width:1;vector-effect:non-scaling-stroke}.chart-drawing .chart-contour-far{stroke-dasharray:2 4}.chart-drawing .chart-edge{fill:none;stroke:var(--ds-text-muted);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.chart-drawing .chart-track{fill:none;stroke:var(--ds-chart-course);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.hero-chart-channel .chart-track{stroke-dasharray:10 6}.chart-drawing .chart-soundings{stroke-width:1.5;stroke-dasharray:5 4}.chart-drawing .chart-pier{fill:var(--ds-text)}.chart-drawing .chart-buoys>*{fill:var(--ds-surface-raised);stroke:var(--ds-text);stroke-width:2;vector-effect:non-scaling-stroke}.chart-drawing .chart-ticks{fill:none;stroke:var(--ds-text-muted);stroke-width:1;vector-effect:non-scaling-stroke}.chart-drawing .chart-star{fill:var(--ds-chart-water);stroke:var(--ds-chart-contour);stroke-width:1;vector-effect:non-scaling-stroke}.chart-drawing .chart-ring{fill:none;stroke:var(--ds-text);stroke-width:1.5;vector-effect:non-scaling-stroke}.chart-drawing .chart-points circle{fill:var(--ds-surface-raised);stroke:var(--ds-chart-course);stroke-width:2.5;vector-effect:non-scaling-stroke}.chart-drawing .chart-seabed{fill:var(--ds-text)}.chart-drawing .chart-surface{fill:none;stroke:var(--ds-text);stroke-width:1.5;vector-effect:non-scaling-stroke}.chart-drawing .chart-hulls{fill:var(--ds-surface-raised);stroke:var(--ds-text);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hero-chart ol{margin:0;padding:0;list-style:none}.hero-chart li{left:calc(var(--x) / 560 * 100%);top:calc(var(--y) / 440 * 100%);width:max-content;max-width:26cqi;font-size:clamp(15px,3.3cqi,19px);font-weight:var(--ds-weight-medium);font-stretch:var(--ds-stretch-heading);line-height:1.15;word-spacing:0;text-shadow:0 0 4px var(--ds-surface-raised),0 0 4px var(--ds-surface-raised),0 0 2px var(--ds-surface-raised)}.chart-loop,.hero-chart li{position:absolute;z-index:1;font-style:italic}.chart-loop{right:16px;bottom:12px;max-width:54%;margin:0;font-size:14px;line-height:1.3;text-align:right;color:var(--ds-text-muted);text-shadow:0 0 4px var(--ds-surface-raised),0 0 3px var(--ds-surface-raised)}.hero-chart-channel li:first-child{--x:180;--y:396;transform:translate(calc(-100% - 18px),-50%);text-align:right}.hero-chart-channel li:nth-child(2){--x:235;--y:233;transform:translate(calc(-100% - 18px),-50%);text-align:right}.hero-chart-channel li:nth-child(3){--x:380;--y:276;transform:translate(18px,-50%)}.hero-chart-channel li:nth-child(4),.hero-chart-channel[data-count="3"] li:nth-child(3){--x:430;--y:116;transform:translate(calc(-100% - 18px),-50%);text-align:right}.hero-chart-tide li:first-child{--x:76;--y:328;transform:translate(-4px,calc(-100% - 16px))}.hero-chart-tide li:nth-child(2){--x:196;--y:214;transform:translate(calc(-100% - 14px),-50%);text-align:right}.hero-chart-tide li:nth-child(3){--x:430;--y:146;transform:translate(-50%,calc(-100% - 18px));text-align:center}.hero-chart-tide .chart-loop{right:auto;bottom:auto;left:calc(330 / 560 * 100%);top:calc(250 / 440 * 100%);max-width:36cqi;text-align:left;color:var(--ds-text)}.hero-chart-rose li{font-size:clamp(14px,3cqi,17px);max-width:24cqi}.hero-chart-rose li:first-child{--x:280;--y:128;transform:translate(-50%,calc(-100% - 12px));text-align:center}.hero-chart-rose li:nth-child(2){--x:388;--y:236;transform:translate(20px,-50%)}.hero-chart-rose li:nth-child(3){--x:280;--y:344;transform:translate(-50%,12px);text-align:center}.hero-chart-rose li:nth-child(4){--x:172;--y:236;transform:translate(calc(-100% - 20px),-50%);text-align:right}.hero-chart-rose .chart-loop{right:auto;bottom:auto;left:50%;top:calc(236 / 440 * 100%);max-width:26cqi;transform:translate(-50%,-50%);text-align:center;font-weight:var(--ds-weight-medium);color:var(--ds-text)}.hero-chart-profile li:nth-child(-n+3){--y:128;transform:translate(-50%,calc(-100% - 6px));text-align:center;max-width:28cqi}.hero-chart-profile li:first-child{--x:110}.hero-chart-profile li:nth-child(2){--x:280}.hero-chart-profile li:nth-child(3){--x:450}.hero-chart-profile li:nth-child(4){--x:280;--y:392;max-width:none;transform:translate(-50%,-50%);font-style:normal;font-weight:640;letter-spacing:.01em;color:var(--ds-color-on-dark);text-shadow:none}@media (max-width:760px){.chart-sheet{aspect-ratio:auto;display:grid;gap:var(--ds-space-4);padding:calc(var(--tick) + 20px) 20px 20px calc(var(--tick) + 20px)}.chart-caption{position:static;max-width:none;justify-self:start}.hero-chart .chart-fg{display:none}.hero-chart ol{display:grid}.hero-chart li:nth-child(n){position:relative;left:auto;top:auto;width:auto;max-width:none;transform:none;padding:10px 0 10px 34px;text-align:left;font-size:19px;font-style:italic;font-weight:var(--ds-weight-medium);color:var(--ds-text);text-shadow:0 0 4px var(--ds-surface-raised)}.hero-chart li:before{content:"";position:absolute;left:6px;top:50%;width:14px;height:14px;margin-top:-7px;border:2.5px solid var(--ds-chart-course);border-radius:50%;background:var(--ds-surface-raised)}.hero-chart li+li:after{content:"";position:absolute;left:12px;bottom:calc(50% + 7px);height:calc(100% - 14px);border-left:2.5px solid var(--ds-chart-course)}.hero-chart-profile li:nth-child(4):before{border-radius:0;background:var(--ds-text);border-color:var(--ds-text)}.chart-loop,.hero-chart-rose .chart-loop{position:static;max-width:none;transform:none;text-align:left;font-weight:var(--ds-weight-regular);color:var(--ds-text-muted)}}