
@media(min-width:1500px){
:root{--w-data:1700px;--w-text:740px;--w-measure:38em;--w-side:520px}
body{display:flex;flex-direction:column}
body > main,body > article{flex:1 0 auto;width:100%}
.site-head{padding-left:max(var(--w-gutter),calc((100% - var(--w-data)) / 2));padding-right:max(var(--w-gutter),calc((100% - var(--w-data)) / 2))}
.site-foot{width:100%}
}
/* One frame on a large monitor: 2200 px on every page type (owner, 11 Oct). Below 1760 the 1700 step holds. */
@media(min-width:1760px){:root{--w-data:2200px}}

/* sweep8: at 2560 the smallest type (13 to 15 px: notes, tips, footer, list links, table cells) read tiny beside a 2200 px frame.
   From 2200 px the small steps rise by about 20 percent; phones and laptops are untouched. */
@media(min-width:2200px){
.tip,.tbl-note,.lab,.trip-cta-note,.foot-note,.foot-tag,.nl-t,.tm-dd,.disc,.sub,.lv-sub{font-size:17px!important}
.tm dd,.tm dt,.foot-links a,.lk-monthlist a,.lk-ml-pr,.mk-btn.sm,.nav-pill,.head-cta,.tab{font-size:17px!important}
.mk-trip span,.mk-trip p,.mk-trip td,.mk-legs span,.mk-legs b,.mk-cmp td,.mk-cmp th,.mk-mo,.mk-mo b,.ship-faq p,.ship-faq li,.rich-card p,.sw-card p,.sw-links a,.sw-next li,.pp,.w,.lab,.p0,.class-line,.endcta p,.next-steps a,.spec span,.sw-links,.more,.mk-legend span,.mk-ports a,.sub,.mk-main small{font-size:17px!important}
/* sweep9 (20 Oct 2026): the pages sweep8 did not measure. The Fleet cards (year and guests, the one-line note, the photo
   credit, the class lines) and an article's two side rails (contents, more from the Logbook, home ports) were 12 to
   14.5 px at 2560. */
.ship-card .yr,.ship-card .cbody p,.ship-card .photo-credit,.cls-head .spec,.cls-jump a,.fleet-stat span{font-size:16px!important}
.rail .rk{font-size:15px!important}
.rail li a,.rail .rb p,.rail .rgo{font-size:17px!important}
.rail li > span,.byline span,.article-shot .photo-credit,.l2lc .k{font-size:15.5px!important}
}

@media(max-width:600px){
body summary{min-height:44px;box-sizing:border-box;padding-top:10px;padding-bottom:10px}
.lg-toc li a,.rail-toc li a{display:block;padding:12.5px 0}
.lg-toc ol,.rail-toc ol{line-height:1.3}
body .rh-q{position:relative;z-index:2}
body .pc-form .pc-f > label:has(.rh-q),body .pc-form .pc-f > legend:has(.rh-q){overflow:visible;white-space:normal}
body .vd-tags a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 14px;font-size:13px}
body .rh-q::after{content:"";position:absolute;inset:-8px}
.pcj-link{min-height:44px}
.ol-form input::placeholder{font-size:17px}
.tbl-note,.tbl-src,.lk-monthlow,.lk-money small,.lk-slot small,.lk-stop>span,.lk-ml-pr,.spec span{font-size:14px}
/* access10 pass 2 (23 Oct 2026): the lines that carry a fact an 80 year old reads (dates, notes under a price, as-of stamps, lesson captions) are 16 px on a phone, the same as the prose; tap boxes reach 44 px. */
body .tbl-note,body .tbl-src,body .g-stamp,body .disclaim,body .trip-cta-note,body .legdate,body .mk-when span,body .lk-monthlow,body .lk-money small,body .lk-monthlist a,body .leg-facts dd,body .lr-big small,body .lr-vcap,body .pc-asof,body .rich-card p,body .mk-trip p,body .tm-disc p{font-size:16px}
body .mk-ports a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}
:root{--lk-fs-1:16px;--lk-fs-0:15px}
body table.chains .legs .legdate,body table.chains .legs .legroute,body .mk-price .lab,body .mk-price .sub,body .endcta p,body .aside,body .lr-vcap a,body .mk-main small,body .mk-legs span{font-size:16px}
/* access10 pass 2 (23 Oct 2026): the lines that carry a fact an 80 year old reads (dates, notes under a price, as-of stamps, lesson captions) are 16 px on a phone, the same as the prose; tap boxes reach 44 px. */
body .tbl-note,body .tbl-src,body .g-stamp,body .disclaim,body .trip-cta-note,body .legdate,body .mk-when span,body .lk-monthlow,body .lk-money small,body .lk-monthlist a,body .leg-facts dd,body .lr-big small,body .lr-vcap,body .pc-asof,body .rich-card p,body .mk-trip p,body .tm-disc p{font-size:16px}
body .mk-ports a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}
body .skip-link{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}
.lk-badge,.lv-subject,.lk-kicker{font-size:13px}
:root td small{font-size:13px}
/* phone14 (21 Oct 2026): second phone sweep at 320 to 414 px. Kit small steps rise to 14 and 13 px (port, trip and price pages read them), the
   guide table notes, video rows and fleet cards reach 14 px, standalone links and small buttons reach a 44 px hit area (as a pseudo box,
   so no row grows), and the Price Check's drop cards stack the price under the ship name on a narrow phone instead of wrapping the name to three lines. */
:root{--lk-fs-1:14px;--lk-fs-0:13px}
body .cn .tbl small,body .cn .tbl td[data-l]::before{font-size:14px}
body .lv-who,body .lv-yt,body .lv-len,body .ship-card .yr,body .ship-card .cbody p{font-size:14px}
body a[data-t]{align-items:center;min-height:44px;box-sizing:border-box}
body main td b > a,body .cn .tbl th a,body .newsbox .nb-sample{position:relative}
body main td b > a::after,body .cn .tbl th a::after,body .newsbox .nb-sample::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
body .mk-btn.sm{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}
body .mk-more{padding:12px 0}
body .newsbox .nb-go,body .cpb{min-height:44px;box-sizing:border-box}
}
@media(max-width:440px){
body .pcj-drop{grid-template-columns:minmax(0,1fr)}
body .pcj-drop .p{grid-column:1;grid-row:auto;text-align:left;margin-top:6px}
body .pcj-drop .p span{font-size:14px}
}

.dk{position:absolute;z-index:2;display:grid;place-items:center;width:28px;height:28px;min-width:0;min-height:0;margin:0;padding:0;
  border:0;border-radius:50%;background:none;box-shadow:none;font:inherit;line-height:0;cursor:default;visibility:visible;
  -webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:none;transform:none}
.dk:hover,.dk:active{transform:none;box-shadow:none}
.dk:focus{outline:0}
.dk:focus-visible{outline:2px solid #0E9BB5;outline-offset:1px}
.dk svg{display:block;width:var(--dw,20px);height:var(--dw,20px);overflow:visible;pointer-events:none;fill-rule:evenodd;
  fill:var(--dc,currentColor);stroke:var(--ds,none);stroke-width:var(--dsw,0);stroke-linejoin:round;transition:fill .3s,stroke .3s}
.dk.dk-found svg{--de:#1B1B1B;fill:#F6C63C;stroke:#A9720E;stroke-width:1.5;filter:none;opacity:1}
.dk-bob svg{animation:dkBob .9s ease}
@keyframes dkBob{0%,100%{transform:none}22%{transform:translateY(-5px) rotate(-9deg)}48%{transform:translateY(1px) rotate(6deg)}72%{transform:translateY(-2px) rotate(-3deg)}}
.dk-off .dk,.dk-off .dk-toast,.dk-off .dk-thanks,.dk-off .dk-count{display:none}
.dk-slot{display:contents}
.dk-stop,.dk-g{position:relative;visibility:hidden}
.dk-off .dk-stop,.dk-off .dk-g{visibility:visible}
.dk-tail,.dk-host{position:relative}
.dk-clip{overflow-x:clip}
.dk-count{margin:14px 0 0;font:500 13.5px/1.6 'Space Grotesk','Space Grotesk Fallback',system-ui,sans-serif;color:#3F6370}
.dk-count:empty{display:none}
.site-footer .dk-count{margin:4px 0 0;color:#D6F1F7}
.dk-count a,.dk-count .dk-link{color:inherit;text-decoration:underline}
.site-footer .dk-count a{color:#FFD98A}
.dk-link{display:inline;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font:inherit;color:inherit;
  text-decoration:underline;cursor:pointer}
.dk-count .dk-link:hover:not(:disabled),.dk-thanks .dk-link:hover:not(:disabled),.dk-thanks .dk-x:hover:not(:disabled){color:inherit}
.dk-hint{display:block}
.dk-hint[hidden]{display:none}
.dk-toast{position:fixed;left:50%;bottom:calc(var(--cookiebar-h,0px) + 26px);z-index:90;display:flex;align-items:center;gap:9px;
  max-width:calc(100vw - 24px);padding:10px 17px 10px 13px;border-radius:999px;background:#073A47;color:#fff;
  font:600 14px/1.25 'Space Grotesk','Space Grotesk Fallback',system-ui,sans-serif;box-shadow:0 10px 26px rgba(7,58,71,.3);
  opacity:0;transform:translate(-50%,14px);pointer-events:none;transition:opacity .25s,transform .25s}
.dk-toast.dk-on{opacity:1;transform:translate(-50%,0)}
.dk-toast svg,.dk-thanks svg{flex:none;width:20px;height:20px;fill:#F6C63C;fill-rule:evenodd}
.dk-thanks{position:fixed;right:20px;bottom:calc(var(--cookiebar-h,0px) + 20px);z-index:90;width:340px;max-width:calc(100vw - 24px);
  padding:16px 18px 12px;border:1.5px solid #D3E7EC;border-radius:16px;background:#fff;color:#073A47;text-align:left;
  font:500 14.5px/1.5 'Space Grotesk','Space Grotesk Fallback',system-ui,sans-serif;box-shadow:0 16px 40px rgba(7,58,71,.24)}
.dk-thanks b{display:flex;align-items:center;gap:8px;padding-right:30px;font:800 16px/1.25 'Unbounded','Unbounded Fallback',system-ui,sans-serif}
.dk-thanks p{margin:8px 0 0}
.dk-thanks .dk-yt{display:inline-block;margin:2px 14px 0 0;padding:10px 16px;border-radius:10px;background:#08536F;color:#fff;
  font-weight:700;text-decoration:none}
.dk-thanks .dk-link{padding:10px 0}
.dk-thanks .dk-x{position:absolute;top:4px;right:4px;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;
  background:none;box-shadow:none;color:#4A6E7A;font:500 22px/1 system-ui,sans-serif;cursor:pointer}
@media(max-width:600px){
  .dk-thanks{left:12px;right:12px;width:auto;max-width:none}
  .dk-count .dk-link,.dk-count a{display:inline-block;padding:10px 2px}
  .dk-toast{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.dk-bob svg{animation:none}.dk-toast{transition:none}.dk svg{transition:none}}
/* Where each one hides. Sizes and colours are those of the thing it sits in. */
.dk-home{left:50%;bottom:.13em;margin-left:-12px;--dw:.34em;--dc:#EDB458}
.dk-finder{right:34px;bottom:0;width:36px;height:28px;border-radius:0;overflow:hidden;align-items:end;--dw:30px;--dc:#EEF8FA;--ds:#C4DEE5;--dsw:4.3;--de:#6F9AA8}
.dk-finder svg{margin-bottom:-9px}
.dk-hub{left:50%;top:50%;margin:-14px 0 0 -14px;--dw:1.2em;--dc:#0E9BB5;--de:#fff}
.site-foot{position:relative}
.dk-port{right:9%;top:-26px;--dw:22px;--dc:none;--ds:#B4D4DC;--dsw:5.3;--de:#6F9AA8}
.pairing .turnaround{position:relative}
.dk-trip{left:-15.5px;top:-15px;--dw:15px;--dc:#0E9BB5;--de:#fff}
.endcta{position:relative}
.dk-fleet{right:22px;bottom:8px;width:36px;height:36px;--dw:30px;--dc:rgba(255,255,255,.13);--de:rgba(255,255,255,.35)}
.known li.dk-li{position:relative;list-style:none}
.dk-off .known li.dk-li{list-style:disc}
.dk-ship{left:-25px;top:0;--dw:12px;--dc:#073A47;--de:#fff}
.cards{position:relative}
.dk-logbook{right:64px;top:-34px;width:44px;height:34px;align-items:start;--dw:28px;--dc:#FFE8A3;--ds:#6F9AA8;--dsw:4;--de:#073A47}
.dk-logbook svg{margin-top:6px}
.byline{position:relative}
.dk-article{left:-3px;top:-19px;--dw:14px;--dc:#F1FAFB;--ds:#B4D4DC;--dsw:6;--de:#6F9AA8}
.dk-lost{left:.3em;bottom:.12em;width:34px;height:34px;--dw:28px;--dc:rgba(14,155,181,.14);--de:#6F9AA8}
@media(max-width:600px){.dk-fleet{right:1px;bottom:1px;width:24px;height:24px;--dw:18px;--dc:rgba(255,255,255,.17)}.dk-logbook{right:40px}.dk-port{right:7%}}
