@media(min-width:1500px){
:root{--w-data:1700px;--w-text:728px;--w-measure:38em;--w-side:520px}
/* One frame for every page type, the header and the footer on its edges, the footer at the bottom
   of the window on a short page. */
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))}
.wrap,.trip-article{max-width:calc(var(--w-data) + 2 * var(--w-gutter))}
.trip-article{padding-left:var(--w-gutter);padding-right:var(--w-gutter)}
.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}}
@media(min-width:1500px){

/* A paragraph is never wider than a comfortable line, whatever it sits in (important: one
   paragraph on the creators page carries a wider limit of its own in its style attribute). */
.wrap > p{max-width:var(--w-measure)!important}
.wrap > ul,.wrap > ol,.w-main > p,.w-main > ul,.w-main > ol,.w-cols > section > p,.disc,.tbl-note,
.l2lc p,.faq details p,.cls-blurb,.cr-sec .sb,.cr-card > p,.trip-article .lede,.trip-article .disclaim,.trip-article .more,[class*=-cta-note]{max-width:var(--w-measure)}

/* ---- Side by side ------------------------------------------------------------------------
   .w-split: a main column and a side column (--w-side wide). In the page the side blocks come in
   reading order (.w-a before the main column, .w-b after it); here the main column is on the left
   for the height of both. */
.w-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--w-side));grid-template-rows:auto 1fr;column-gap:44px;align-items:start;margin:0 0 30px}
.w-split > *{min-width:0}
.w-split > .w-main{grid-column:1;grid-row:1 / span 2}
.w-split > .w-side{grid-column:2}
.w-split > .w-side.w-a{grid-row:1}
.w-split > .w-side.w-b{grid-row:2}
.w-split > .w-side.w-only{grid-row:1 / span 2}
.w-split > .w-main > :last-child,.w-split > .w-side > :last-child{margin-bottom:0}
/* The first row of a page: its title and opening words, and beside them the box that goes with them. */
.w-top{align-items:center}
.w-top > .w-main{grid-row:1}
.w-top > .w-side{grid-row:1}
.w-top .top-cta,.w-top .cr-note{margin:0}
.w-top h1{margin-top:0}
.w-top > .w-main > p:last-child{margin-bottom:0}
/* The hub's key figures beside the note that explains them, the same height. */
.w-facts{--w-side:560px;align-items:stretch}
.w-facts > .w-main{grid-row:1}
.w-facts .stat-row{margin:0;height:100%}
.w-facts .stat{display:flex;flex-direction:column;justify-content:center}
.w-facts .meta-line{margin:0;height:100%}
/* The creators page's closing two blocks: its questions, and the card that points at the live list. */
.w-after .l2lc{margin-top:0!important}
.w-after .cr-h2{margin-top:0}
/* .w-cols: sections that stood one under the other stand side by side, each a column of text. */
.w-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:44px;align-items:start;margin:8px 0 6px}
.w-cols > *{min-width:0;margin-top:0}
.w-cols > section > :first-child{margin-top:0}
.w-cols > .l2lc{order:3;margin:6px 0 0}
/* A grid of cards: the page picked the columns from its own count (wideCols in wide.mjs). */
.w-grid{grid-template-columns:repeat(var(--wcm,3),minmax(0,1fr))}

/* Owner's layout rule (4 Oct): the summary sits on TOP at the full width, never in a right-hand column.
   A plain .w-split (the ship page: figures and note, the list, then the facts) is therefore ONE column in
   reading order, the four key figures across, the facts under the list. The top bands (.w-top, .w-facts,
   .w-after) keep their two boxes side by side: they are one row, not a column. */
.w-split:not(.w-top):not(.w-facts):not(.w-after){grid-template-columns:minmax(0,1fr);grid-template-rows:none}
.w-split:not(.w-top):not(.w-facts):not(.w-after) > .w-main,
.w-split:not(.w-top):not(.w-facts):not(.w-after) > .w-side{grid-column:1;grid-row:auto}
.w-split:not(.w-top):not(.w-facts):not(.w-after) .w-side .stat-row{grid-template-columns:repeat(4,minmax(0,1fr))}
.w-split:not(.w-top):not(.w-facts):not(.w-after) .w-side .spec-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.w-split:not(.w-top):not(.w-facts):not(.w-after) .w-side .meta-line{max-width:44em}
.w-split:not(.w-top):not(.w-facts):not(.w-after) .w-side > :is(p:not(.meta-line),ul,ol,.l2lc){max-width:var(--w-measure)}

/* ---- Tables: the sailings list takes the main column, with the room shared between its columns
   instead of one column swallowing the slack. */
table.chains{font-size:15px;table-layout:fixed}
table.chains th:nth-child(1){width:22%}
table.chains th:nth-child(2){width:38%}
table.chains th:nth-child(3){width:19%}
table.chains th:nth-child(4){width:8%}
table.chains th:nth-child(5){width:13%}
table.chains th,table.chains td{padding:13px 18px}
/* The key figures as a two by two block and the note about the list, at the top of the side column. */
.w-side .stat-row{grid-template-columns:1fr 1fr;margin-bottom:14px}
.w-side .spec-grid{grid-template-columns:1fr 1fr}
.w-side .meta-line{margin-bottom:26px}
.w-side h2{font-size:21px;margin:26px 0 10px}
.w-side > h2:first-child{margin-top:0}
.w-side .l2lc{margin:22px 0 0}
.w-side .track{margin-bottom:26px}
/* (the ship page's side column is one full-width column now, rule above: its band's button keeps margin-left:auto,
   the far right; a "margin-left:0" here from the two-column days left it stuck after the words, sweep2 16 Oct 2026) */

/* ---- Questions: three across, each answer a comfortable line long. A grid, not text columns:
   opening one question must not shuffle the others. */
.faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:44px;align-items:start}
.w-main .faq{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ---- The back-to-back hub, the port pages and the fleet ---------------------------------- */
.b2b-lead,.cr-lead{font-size:48px}
.lead{font-size:50px}
.ship-hero{min-height:260px;padding:32px 26px}
.ship-hero h1{font-size:42px;max-width:24ch}
.cr-suggest{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,640px);column-gap:56px;align-items:start;padding:34px 38px}
.cr-sg-head p{margin-bottom:0;max-width:40em}

/* ---- The trip page (look-21, owner 4 Oct): what the trip IS reads first and across the whole width
   (the opening line, the legs graphic, the key facts, the turnaround words), the legs follow, and the
   PRICE and the BUTTON sit at the far right of their rows (reading order = DOM order, no order tricks).
   Mirrors the design kit's section 10: .lk-stagerow for the top block, .lk-cardrow for the key facts.
   Two legs stand side by side. */
.trip-article{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start}
.trip-article > *{grid-column:1;min-width:0}
.trip-article h1{font-size:2.6rem}
.trip-article .lede{max-width:40em}
.trip-article .trip-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px clamp(16px,2vw,32px);align-items:end}
.trip-article .trip-top > :nth-child(2){order:0;margin:0 0 1.1rem;flex-direction:column;align-items:stretch;max-width:340px}
.trip-article .trip-top > :nth-child(2) > p{flex:0 1 auto}
.trip-article > .trip-side{grid-column:1;position:static;display:grid;grid-template-columns:minmax(0,44em) minmax(0,1fr);column-gap:40px;align-items:start}
.trip-side > .pk-row{grid-column:1 / -1;margin-bottom:1.2rem}
.trip-side > .turnaround{grid-column:1;grid-row:span 3;margin:0 0 1.4rem}
.trip-side > .trip-shot{grid-column:2;justify-self:end;width:min(100%,460px);max-width:none;margin:0 0 1rem}
.trip-side > .pdp-cta,.trip-side > .tax-note{grid-column:2;justify-self:end;text-align:right;max-width:34em;margin:0 0 1rem}
.pdp-cta span{display:block;text-wrap:balance}
.trip-article > .trip-main{display:grid;grid-template-columns:repeat(var(--wc,2),minmax(0,1fr));column-gap:18px;align-items:start}
.trip-article > .trip-main > *{grid-column:1 / -1}
.trip-article > .trip-main > .leg{grid-column:auto;align-self:stretch;margin-bottom:18px}

/* ---- A page of text: the reading column in the middle of the same frame, larger type, the page's
   own headings on the left and related links on the right. Both rails stay in view. */
.tp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--w-text)) minmax(0,1fr);column-gap:56px;align-items:start}
.tp > .col{grid-column:2;grid-row:1;min-width:0;font-size:18px}
.tp > .rail{display:block;grid-row:1;position:sticky;top:90px;max-height:calc(100vh - 112px);overflow-y:auto;font-size:14.5px;line-height:1.5}
.tp > .rail-toc{grid-column:1;justify-self:end;width:100%;max-width:320px;padding-right:8px}
.tp > .rail-more{grid-column:3;justify-self:start;width:100%;max-width:340px}
.rail .rk{font:700 12px var(--sans);letter-spacing:.6px;text-transform:uppercase;color:var(--sea);margin:0 0 10px}
.rail ol,.rail ul{list-style:none;margin:0;padding:0}
.rail-toc ol{border-left:2px solid var(--line)}
.rail-toc li a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--sea);font-weight:600}
.rail-toc li a:hover{border-left-color:var(--accent);color:var(--ink);text-decoration:none}
.rail-more .rb{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:0 0 16px}
.rail-more li{margin:0 0 9px}
.rail-more li:last-child{margin-bottom:0}
.rail-more li a{font-weight:700;color:var(--sea)}
.rail-more li > span{display:block;font-size:13px;color:var(--dim)}
.rail-more p{margin:0 0 12px;color:var(--sea)}
.rail-more .rgo{display:inline-block;background:var(--accent);color:#fff;font-weight:700;font-size:14px;padding:10px 16px;border-radius:10px}
.rail-more .rgo:hover{background:var(--accent2);text-decoration:none}
.col h1{font-size:46px}
.col .dek{font-size:21px}
.col .lg-toc{display:none}
.col .l2lc p,.col .endcta p{font-size:16px}
.col .disc{max-width:40em;font-size:13px}
.col [id]{scroll-margin-top:90px}
/* A page with nothing beside the column (the not-found page) sits in the middle of the window. */
main.wrap:has(> .tp-alone){display:grid;align-content:center}
}
@media(min-width:1760px){
/* wide14 (26 Oct 2026): on a 2560 px monitor the rails hugged the far edges, 350 to 440 px from the article. They now sit
   against the reading column (justify-self above) and the column gets more room and larger type. Page of text only (.tp). */
.tp{--w-text:820px}
.tp > .col{font-size:19px}
.tp > .rail-toc{max-width:340px}
.tp > .rail-more{max-width:380px}
.w-grid{grid-template-columns:repeat(var(--wc,4),minmax(0,1fr))}
/* The hub's list of home ports: four across the 2200 px frame (26 ports leave no card alone), not three cards of 720 px. */
.port-grid:not(.w-grid){grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:2200px){
.tp{--w-text:900px}
.tp > .col{font-size:20px}
}

/* 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%}}