:root{--q-ink:#16202b;--q-sea:#0b4f6c;--q-sea2:#0f6f96;--q-sand:#f4f1ea;--q-line:#d7dde3;--q-warm:#c2571a}
body.quay{background:#fff;color:var(--q-ink);font-size:16px;line-height:1.6}
.netline{background:var(--q-ink);color:#cfd8e0;font-size:13px}
.netline-in{max-width:1180px;margin:0 auto;padding:6px 16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.netline a{color:#fff;text-decoration:underline}
.deckhead{border-bottom:3px solid var(--q-sea);background:#fff}
.deckhead-row{max-width:1180px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.berth-mark{text-decoration:none;font-size:22px;font-weight:700;color:var(--q-sea)}
.berth-mark__b{color:var(--q-ink);font-weight:400}
.lane-ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.lane-a{display:block;padding:6px 12px;color:var(--q-ink);text-decoration:none;border-radius:3px}
.lane-a:hover,.lane-a.is-on{background:var(--q-sea);color:#fff}
.lane-switch{display:none}
.hold{max-width:1180px;margin:0 auto;padding:0 16px}
.first-deck{display:grid;grid-template-columns:5fr 7fr;gap:28px;padding:22px 0 26px}
.first-deck__intro h1{font-size:28px;line-height:1.25;margin:0 0 10px;font-weight:700}
.first-deck__intro p{margin:0 0 10px}
.wire{background:var(--q-sand);border-left:4px solid var(--q-warm);padding:14px 18px}
.wire-cap{font-size:20px;font-weight:700;margin:0 0 8px;text-transform:uppercase;letter-spacing:.04em}
.wire-item{padding:9px 0;border-top:1px solid var(--q-line)}
.wire-item:first-of-type{border-top:0}
.wire-item a.wire-t{font-weight:700;color:var(--q-sea);text-decoration:none;font-size:16px}
.wire-item a.wire-t:hover{text-decoration:underline}
.wire-item p{margin:3px 0 5px;font-size:14px;line-height:1.45}
.wire-go{font-size:13px}
.pier{padding:26px 0;border-top:1px solid var(--q-line)}
.pier h2{font-size:23px;margin:0 0 12px;font-weight:700}
.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.modes .pf-v5-c-card{height:100%}
.mode-k{font-size:12px;text-transform:uppercase;color:var(--q-warm);letter-spacing:.06em}
.lawtab{width:100%;border-collapse:collapse;font-size:15px}
.lawtab td,.lawtab th{border:1px solid var(--q-line);padding:7px 10px;text-align:left;vertical-align:top}
.lawtab th{background:#eef3f6}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tip-box{border:1px dashed var(--q-sea2);padding:12px 16px;background:#f7fbfd}
.feed-rows{list-style:none;margin:0;padding:0}
.feed-rows li{padding:8px 0;border-bottom:1px solid var(--q-line)}
.feed-rows .rb{font-size:12px;color:#5b6773;text-transform:uppercase;margin-right:8px}
.textcol{max-width:820px}
.textcol h1{font-size:30px;line-height:1.25;margin:18px 0 12px}
.textcol h2{font-size:22px;margin:24px 0 10px}
.textcol h3{font-size:18px;margin:18px 0 8px}
.textcol p{margin:0 0 12px}
.textcol ul,.textcol ol{margin:0 0 14px 22px}
.textcol li{margin-bottom:4px}
.textcol table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:15px}
.textcol td,.textcol th{border:1px solid var(--q-line);padding:7px 9px;text-align:left}
.textcol th{background:#eef3f6}
.textcol a{color:var(--q-sea2)}
.crumbs{font-size:13px;color:#5b6773;padding-top:14px}
.crumbs a{color:#5b6773}
.lede{font-size:18px;color:#2c3a47}
.rub-tag{display:inline-block;font-size:12px;background:#eef3f6;padding:2px 8px;border-radius:2px}
.also{margin:26px 0;padding:14px 16px;background:var(--q-sand)}
.also ul{margin:0 0 0 18px}
.keel{background:#101922;color:#c3ccd4;margin-top:40px;padding:28px 16px 14px}
.keel-grid{max-width:1180px;margin:0 auto}
.keel a{color:#fff}
.keel-name{font-weight:700;color:#fff;font-size:18px;margin:0 0 6px}
.keel-disc{font-size:14px}
.keel-h{font-weight:700;color:#fff;margin:0 0 6px}
.keel-ul{list-style:none;margin:0;padding:0;font-size:14px}
.keel-ul li{margin-bottom:5px}
.keel-base{max-width:1180px;margin:18px auto 0;border-top:1px solid #2b3945;padding-top:10px;font-size:13px}
.err-box{padding:40px 0}
@media (max-width:900px){
.first-deck{grid-template-columns:1fr}
.modes{grid-template-columns:1fr 1fr}
.two-col{grid-template-columns:1fr}
}
@media (max-width:640px){
.lane-switch{display:inline-block}
.lane{display:none;width:100%}
.lane.lane--open{display:block}
.lane-ul{flex-direction:column}
.modes{grid-template-columns:1fr}
.first-deck__intro h1{font-size:23px}
}

@media (max-width:700px){
  table{display:block;overflow-x:auto;max-width:100%}
  p,li,td,h1,h2{overflow-wrap:anywhere}
}