.related{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.rel{color:var(--ink);flex-direction:column;gap:8px;padding:22px;text-decoration:none;display:flex}.rel .k{font-size:var(--fs-meta);color:var(--ink-2);align-items:center;gap:8px;font-weight:600;display:flex}.rel p{font-size:var(--fs-ui);color:var(--ink-2)}.rel-pic{aspect-ratio:16/9;border-radius:var(--r12);background:var(--map-sea);margin:-8px -8px 4px;display:block;overflow:hidden}.rel-pic picture,.rel-pic img{object-fit:cover;width:100%;height:100%;display:block}.rel-pic{position:relative}.rel-pic>.day-no{z-index:1;box-shadow:0 0 0 3px var(--page);position:absolute;top:10px;left:10px}.rel-foot{border-top:1px solid var(--line-2);font-size:var(--fs-meta);color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.rel-foot .i{color:var(--sea);transition:transform .2s var(--ease)}@media (width>=1101px){.related--3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover:hover){.rel:hover .h4{text-underline-offset:3px;text-decoration:underline 1.5px}.rel:hover .rel-foot .i{transform:translate(3px)}}@media (width<=1100px){.related{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.related{grid-template-columns:minmax(0,1fr);gap:12px}.rel{padding:18px}}@media (width<=600px){.rel{grid-template-columns:112px minmax(0,1fr);align-content:start;gap:4px 14px;padding:16px;display:grid}.rel>*{grid-column:2}.rel>.rel-pic{aspect-ratio:3/2;grid-area:1/1/span 3;align-self:start;margin:0}.rel>.rel-foot,.rel:not(:has(>.rel-pic))>*{grid-column:1/-1}}.guide-top{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:24px 56px;padding:36px 40px}.gt-text{align-content:center;gap:18px;min-width:0;display:grid}.gt-text .h1{max-width:22ch}.gt-text .answer{max-width:40ch}.gt-when{font-size:var(--fs-ui);color:var(--ink-2)}.guide-top .tsum{border-top:1.5px solid var(--tint-2);padding-top:16px}.guide-top .tbar{max-width:520px}.gt-photo{justify-self:end;width:300px;position:relative}.guide{grid-template-columns:252px minmax(0,1fr);align-items:start;gap:40px;margin-top:40px;display:grid}.guide-body{--measure:var(--column-measure);min-width:0}@media (width>=1101px){.guide-body{grid-area:1/2}.guide-side{grid-area:1/1}}.guide .guide-body>*,.guide-body>.guide-sec>*{max-width:var(--column-wide)}:is(.guide .guide-body,.guide-body>.guide-sec)>:is(h2,h3,h4,p,ul,ol):not(.wide,.mid,.chg),:is(.guide .guide-body,.guide-body>.guide-sec)>:is(.toc--inline,.sl-head,.sl-foot,.actions),.guide-body>.guide-sec>.harbours{max-width:var(--column-measure)}.guide-side{top:calc(24px + var(--hd-top));transition:top var(--hd-move);gap:28px;min-width:0;display:grid;position:sticky}.guide-extras{align-content:start;gap:28px;min-width:0;display:grid}@media (width>=1101px){.guide-side{padding-top:24px;top:0}}@media (width>=1440px){.guide{grid-template-columns:minmax(0,1fr) minmax(0,760px) minmax(0,1fr)}.guide-body{--column-measure:620px}.guide-side{display:contents}.guide-side>.toc,.guide-extras{top:var(--hd-top);transition:top var(--hd-move);grid-row:1;padding-top:24px;position:sticky}.guide-side>.toc{grid-column:1}.guide-extras{grid-column:3}}.guide-sec{gap:16px;min-width:0;margin-top:72px;display:grid}.guide-body>.quick+:not(.guide-sec,script){margin-top:40px}.guide-sec>h2{font-size:var(--fs-h2-read);line-height:1.12}.guide-sec h3{margin-top:8px}.guide-sec .read+.read{margin-top:-4px}.guide-sec .note{margin-top:0}@media (width>=1440px){.guide-body{--fs-read:var(--fs-lede)}.guide-sec>h3{font-size:var(--fs-h3);margin-top:16px;line-height:1.2}.guide-sec .read+.read{margin-top:0}}.quick--mist{background:var(--mist);gap:14px;padding:24px 28px}.quick-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.quick-list li{font-size:var(--fs-read);line-height:1.5}.quick-list b{font-weight:700}.guide-tabs{background:var(--page)}@media (width>=1101px){.guide-tabs{display:none}body:has(.guide-tabs) [id]{scroll-margin-top:24px}}.toc{gap:2px;display:grid}.toc>b{font:700 var(--fs-ui)/1.2 var(--text);margin:0 0 8px 12px}.guide-side .toc>b{margin-bottom:4px;line-height:1.5}.toc a{border-radius:var(--r12);min-height:44px;color:var(--ink-2);transition:background-color .15s var(--ease), color .15s var(--ease);align-items:center;padding:8px 12px;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.toc a.is-on{background:var(--tint);color:var(--ink)}.toc--inline{display:none}.guide-side .toc a{font-weight:500}@media (width>=1440px){.guide-side .toc a{min-height:0}}.guide-side .tsum{padding:0 12px}.side-card{color:var(--ink);gap:10px;padding:12px 12px 18px;text-decoration:none;display:grid}.side-card .pic{aspect-ratio:2;border-radius:var(--r16);overflow:hidden}.side-card .pic img{object-fit:cover;width:100%;height:100%}.side-card .k{font-size:var(--fs-meta);color:var(--ink-2);align-items:center;gap:8px;padding:4px 8px 0;font-weight:600;display:flex}.side-card .h4,.side-card p{padding:0 8px}.side-card p{font-size:var(--fs-ui);color:var(--ink-2)}.side-card .more{min-height:32px;padding:0 8px}.law-vs{border-radius:var(--r20);box-shadow:inset 0 0 0 1px var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.law-col,.charter-col{grid-row:1/-1;grid-template-rows:subgrid;min-width:0;padding:6px 22px 10px;display:grid}.charter-col{background:var(--mist)}.lv-head{font:700 var(--fs-title)/1.2 var(--display);letter-spacing:-.01em;font-variation-settings:"opsz" 24, "wdth" 96;align-items:center;gap:10px;padding:16px 0 14px;display:flex}.lv-row{border-top:1px solid var(--line-2);font-size:var(--fs-ui);align-content:start;gap:6px;padding:14px 0 16px;line-height:1.5;display:grid}.charter-col .lv-row{border-top-color:var(--line)}.lv-row>b{font-size:var(--fs-meta);color:var(--ink-2);font-weight:700}.src-lead{font-size:var(--fs-ui);color:var(--ink-2)}#sources .who-rows,#sources .actions{margin-top:4px}@media (hover:hover){.toc a:not(.is-on):hover{background:var(--mist);color:var(--ink)}.side-card:hover .h4{text-underline-offset:3px;text-decoration:underline 1.5px}}@media (width<=1100px){.guide{grid-template-columns:minmax(0,1fr);gap:0}.guide-side{margin-top:64px;position:static}.guide-extras{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.guide-side .toc{display:none}.toc--inline{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);margin-top:20px;padding:8px 0;display:grid}.toc--inline>b{margin:8px 0 4px}.toc--inline a{color:var(--link);text-underline-offset:3px;border-radius:0;padding:8px 0;font-weight:600;text-decoration:none}}@media (width<=900px){.guide-top{padding:20px var(--gutter) 24px;grid-template-columns:minmax(0,1fr);gap:18px}.gt-photo{aspect-ratio:auto;border-radius:48px 8px 8px 12px;order:1;justify-self:stretch;width:auto;height:190px;margin:0}.guide-top>.trust-band{order:2}.guide{margin-top:28px}.guide-sec{gap:14px;margin-top:56px}.quick--mist{padding:20px}.quick-list li{font-size:var(--fs-ui)}.guide .guide-body>*,.guide-body>.guide-sec>*{max-width:none}.law-vs{box-shadow:none;border-radius:0;grid-template-columns:minmax(0,1fr);gap:12px;overflow:visible}.law-col,.charter-col{border-radius:var(--r20);grid-row:auto;grid-template-rows:none;padding:4px 18px 8px}.law-col{box-shadow:inset 0 0 0 1px var(--line)}.guide-side{margin-top:56px}.guide-extras{grid-template-columns:minmax(0,1fr);gap:20px}}@media (width>=600px) and (width<=900px){.gt-photo{aspect-ratio:2;height:auto;max-height:320px}}@media (width<=1100px){.guide-extras .tsum{display:none}}.faq{margin:0;display:grid}.faq>div{border-top:1px solid var(--line-2);gap:6px;padding:18px 0;display:grid}.faq>div:first-child{border-top:0;padding-top:4px}.faq dt{font:700 var(--fs-title)/1.3 var(--display);letter-spacing:-.01em;font-variation-settings:"opsz" 24, "wdth" 96}.faq dd{font-size:var(--fs-read);margin:0;line-height:1.6}.faq .src{margin-left:6px}.side-card .pic.map{aspect-ratio:auto;height:190px}.side-card .pic.map .map-note{top:6px;left:6px}.guide .guide-body .guide-sec :is(.qa dd,.chg p){max-width:36em}.guide-sec .qa dd .ln{display:block}.guide-sec .qa dd .ln+.ln{margin-top:6px}.lv-row .ln{display:block}.lv-row>span>.ln+.ln{margin-top:6px}.steps-in,.asked{counter-reset:num;max-width:var(--measure);margin:0;padding:0;list-style:none;display:grid}.steps-in li,.asked li{border-top:1px solid var(--line-2);font-size:var(--fs-read);counter-increment:num;grid-template-columns:32px minmax(0,1fr);gap:16px;padding:14px 0;line-height:1.5;display:grid}.steps-in li:first-child,.asked li:first-child{border-top:0}.steps-in li:before,.asked li:before{content:counter(num);background:var(--mist);width:32px;height:32px;color:var(--ink);font:700 var(--fs-meta)/1 var(--text);border-radius:50%;place-items:center;display:grid}.steps-in b,.asked b{font-weight:700}.ss-checks,.bk-checks,.sk-checks{gap:10px;margin:0;padding:0;list-style:none;display:grid}:is(.ss-checks,.bk-checks,.sk-checks) li{font-size:var(--fs-read);grid-template-columns:24px minmax(0,1fr);gap:10px;line-height:1.5;display:grid}:is(.ss-checks,.bk-checks,.sk-checks) .i{color:var(--sea);margin-top:3px}.cmp-wrap,.vhf-wrap,.bk-wrap,.sk-wrap{overflow-x:auto}.vhf td:first-child,.mm-table td:first-child{white-space:nowrap;font-weight:700}.bk-table td:first-child,.sk-table td:first-child{font-weight:700}.vhf td small,.bk-table td small{font-size:var(--fs-meta);color:var(--ink-2);font-weight:500;display:block}.mm-fig,.ss-fig,.sk-fig{gap:8px;margin:0;display:grid}:is(.mm-fig,.ss-fig,.sk-fig) svg{border-radius:var(--r16);outline:1px solid var(--line);outline-offset:-1px;width:100%;max-width:340px;height:auto;display:block}.mm-fig svg{background:var(--page)}:is(.mm-fig,.ss-fig,.sk-fig) figcaption{font-size:var(--fs-meta);color:var(--ink-2);max-width:340px;line-height:1.45}@media (width<=900px){:is(.mm-fig,.ss-fig,.sk-fig) :is(svg,figcaption){max-width:none}}.mm-sea,.ss-sea,.sk-sea,.dg-sea{fill:var(--map-sea)}.mm-quay,.mm-land,.ss-land,.dg-sand{fill:var(--mist)}.mm-edge,.ss-edge,.dg-shore{fill:none;stroke:var(--edge);stroke-width:1.5px}.mm-you,.ss-you,.dg-boat{fill:var(--ink)}.mm-arrow,.ss-arrow{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.mm-buoy,.dg-buoy{fill:#fff;stroke:var(--ink);stroke-width:2px}.mm-tag rect,.mm-num circle,.ss-tag rect,.dg-tag rect{fill:#fff}.mm-t,.mm-tag text,.mm-num text,.ss-tag text,.sk-t,.dg-tag text{font:700 var(--fs-meta) var(--text);fill:var(--ink)}.mm-note,.ss-note,.sk-note,.dg-note{font:600 var(--fs-meta) var(--text);fill:var(--ink-2)}:is(.example-card,.guide-sec>.example){color:var(--ink);grid-template-columns:200px minmax(0,1fr);align-items:center;gap:20px;padding:16px;text-decoration:none;display:grid}:is(.example-card,.guide-sec>.example) .pic{border-radius:var(--r16);height:150px;overflow:hidden}:is(.example-card,.guide-sec>.example) .pic img{object-fit:cover;width:100%;height:100%}:is(.example-card,.guide-sec>.example) .body{gap:8px;display:grid}:is(.example-card,.guide-sec>.example) .body p{font-size:var(--fs-ui);max-width:var(--measure);line-height:1.5}@media (hover:hover){:is(.example-card,.guide-sec>.example):hover .h4{text-underline-offset:3px;text-decoration:underline 1.5px}}@media (width<=900px){:is(.example-card,.guide-sec>.example){grid-template-columns:minmax(0,1fr);gap:14px}}.vs th[scope=row]{font-size:var(--fs-ui);color:var(--ink);vertical-align:top;width:150px;padding-right:20px;font-weight:700}.vs thead th{font:700 var(--fs-title)/1.2 var(--display);letter-spacing:-.01em;font-variation-settings:"opsz" 24, "wdth" 96;color:var(--ink);padding-bottom:12px}.vs td{width:38%;line-height:1.5}.vs td .src{margin-left:6px}.vs td b{font-weight:700}.vs tbody th[scope=row]{border-bottom:1px solid var(--line-2)}.vs tbody tr:last-child th{border-bottom:0}@media (width<=640px){.vs thead{display:none}.vs tr{border-bottom:1px solid var(--line-2);grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 0;display:grid}.vs tr:last-child{border-bottom:0}.vs th[scope=row],.vs td{border:0;width:auto;padding:0;display:block}.vs td:before{content:attr(data-h);font-size:var(--fs-meta);color:var(--ink-2);margin-bottom:2px;font-weight:700;display:block}.vs td .src{margin-left:6px}}@media (width<=900px){.table--stack thead{display:none}.table--stack tr{border-bottom:1px solid var(--line-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:14px 0;display:grid}.table--stack tr:last-child{border-bottom:0}.table--stack :is(th,td){white-space:normal;text-align:left;border:0;width:auto;padding:0;display:block}.table--stack tr>:first-child{grid-column:1/-1}.table--stack td:before{content:attr(data-h);font-size:var(--fs-meta);color:var(--ink-2);margin-bottom:2px;font-weight:700;display:block}}.guide-body label.chip{cursor:pointer}.guide-body .chip:has(input:checked){background:var(--sky);box-shadow:none}.side-card .guide-side-route{background:var(--map-sea);display:block;position:relative}.side-card .guide-side-route-still{display:block;position:absolute;inset:0}.side-card .guide-side-route-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.side-card .guide-side-route .map-note{z-index:2;border-radius:var(--r8);color:var(--ink-2);font:700 var(--fs-meta)/1 var(--text);background:#ffffffe6;padding:4px 7px;position:absolute;top:6px;left:6px}.side-card .guide-side-route-casing{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round}.side-card .guide-side-route-line{fill:none;stroke:var(--sea);stroke-linecap:round;stroke-linejoin:round}.side-card .guide-side-route-pin circle{fill:var(--deep);stroke:#fff}.side-card .guide-side-route-pin text{fill:#fff;font-family:var(--display);font-weight:700}.side-card .guide-side-route-counts{z-index:2}.side-card .guide-side-route.is-full>.guide-side-route-counts{display:none}.side-card .guide-side-route-count rect{fill:var(--ink);stroke:#fff}.side-card .guide-side-route-count text{fill:#fff;font-family:var(--text);font-weight:700}.side-card .guide-side-route-attrib{z-index:3;flex-direction:column;align-items:flex-end;gap:4px;max-width:calc(100% - 12px);display:flex;position:absolute;top:6px;right:6px}.side-card .guide-side-route-attrib button{width:24px;height:24px;box-shadow:var(--chip);color:var(--ink-2);font:700 14px/24px var(--text);cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;position:relative}.side-card .guide-side-route-attrib button:after{content:"";position:absolute;inset:-10px}.side-card .guide-side-route-attrib p{border-radius:var(--r8);color:var(--ink-3);font:500 11px/1.4 var(--text);text-align:right;background:#ffffffeb;padding:2px 8px;display:none}.side-card .guide-side-route-attrib a{color:inherit}.side-card .guide-side-route-attrib[data-open] p{display:block}@media (hover:hover){.side-card .guide-side-route-attrib:hover p{display:block}}.side-card .guide-side-route-credit{z-index:2;right:6px;bottom:calc(var(--card-room,0px) + 6px);font:500 10px/1.4 var(--text);color:var(--ink-3);background:#ffffffb8;border-radius:6px;padding:1px 6px;position:absolute}.side-card .guide-side-route-link{color:inherit;gap:10px;text-decoration:none;display:grid}.sk-table td .src{white-space:nowrap}.sk-hull{fill:#fff;stroke:var(--ink);stroke-width:2px}.sk-cab{fill:var(--mist);stroke:var(--edge);stroke-width:1.5px}.sk-cab--skipper{fill:var(--tint-2);stroke:var(--sea);stroke-width:2px}@media (width<=900px){.sk-table th:nth-child(3),.sk-table td:nth-child(3){display:none}.sk-table td,.sk-table th{padding-inline:8px}}.guide-inline-skipper-0{grid-template-rows:repeat(5,auto)}.guide-inline-skipper-1{stroke:var(--ink-2);stroke-width:1.5px;fill:none}
