@font-face{font-family:RubikDirt;src:url('/assets/display.woff2')}@font-face{font-family:Anton;src:url('/assets/heading.woff2')}@font-face{font-family:SpecialElite;src:url('/assets/typewriter.woff2')}
:root{--sea:#15353d;--deep:#102c33;--paper:#f2eddf;--ink:#102d34;--cyan:#78d1e4;--blue:#087d9b;--yellow:#f0c452;--line:#68818a;--orange:#9a471e}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--sea);color:var(--paper);font:17px/1.75 Arial,sans-serif}a{color:var(--cyan);text-underline-offset:4px}a:hover{color:#fff}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;font-weight:400;text-wrap:balance}h1{font-family:RubikDirt,Impact,sans-serif;text-transform:uppercase;font-size:76px;max-width:1100px;text-shadow:2px 3px 0 #087d9b;margin-bottom:24px}h2{font:40px/1.2 Anton,Impact,sans-serif;text-transform:uppercase;margin-bottom:24px}h3{font:26px/1.25 Anton,Impact,sans-serif;margin:28px 0 14px}p{margin-bottom:20px}ul,ol{padding-left:24px}li{margin-bottom:10px}.container{width:min(1240px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;left:20px;z-index:20;background:var(--paper);color:var(--ink);padding:10px}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}header{border-bottom:2px dashed #59747b;background:var(--sea)}.nav-wrap{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font:27px Anton,Impact,sans-serif;text-decoration:none;color:var(--paper);display:flex;gap:12px;align-items:center;white-space:nowrap}.brand .mark{width:30px;height:30px;color:var(--cyan)}.brand span span{color:var(--cyan)}nav.main-nav{display:flex;align-items:center;gap:8px}.main-nav a{font:15px Anton,Impact,sans-serif;color:var(--paper);text-transform:uppercase;text-decoration:none;padding:14px 12px}.main-nav a[aria-current=page]{background:var(--blue);clip-path:polygon(3% 10%,34% 3%,58% 7%,96% 0,100% 91%,70% 100%,35% 94%,0 100%)}.menu-button{display:none;background:transparent;border:1px solid var(--line);color:var(--paper);width:44px;height:44px;align-items:center;justify-content:center}.hero{position:relative;padding:64px 0 54px;background-image:linear-gradient(#15353de6,#15353de6),url('/assets/grunge.png');background-size:cover}.hero .label{display:inline-block;background:#101313;padding:7px 14px;font:14px SpecialElite,monospace;transform:rotate(-2deg);margin-bottom:28px}.intro{max-width:920px;font-size:18px;line-height:1.7;color:#dddccf}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:#fff;text-decoration:none;padding:13px 22px;border:0;font:19px Anton,Impact,sans-serif;text-transform:uppercase;min-height:48px;clip-path:polygon(0 5%,97% 0,100% 95%,2% 100%)}.button:hover{background:#096078;color:#fff}.text-link{font:15px SpecialElite,monospace}.section{padding:48px 0;border-bottom:1px solid #35545c}.section:last-child{border:0}.section .lede{font-family:SpecialElite,monospace;font-size:16px;margin-top:-10px}.rank-list{list-style:none;padding:0;display:grid;gap:19px;margin:26px 0}.rank-row{position:relative;background:var(--paper);color:var(--ink);border:2px solid #151e1f;box-shadow:6px 6px #0a2026;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:22px;padding:24px 26px;margin:0;min-height:146px}.rank-row:nth-child(3n+1):before{content:'';position:absolute;top:-9px;left:44px;width:88px;height:19px;background:#ded4a9d9;transform:rotate(-4deg);clip-path:polygon(2% 0,98% 6%,100% 92%,0 100%)}.number{font:46px Anton;color:transparent;-webkit-text-stroke:1.5px var(--blue)}.rank-label{display:inline-block;background:#111;color:var(--paper);font:12px SpecialElite,monospace;padding:5px 9px}.rank-row h3{font-size:30px;margin:10px 0 5px}.rank-row p{font-size:14px;line-height:1.6;margin:0;max-width:760px}.rank-row a{background:var(--ink);color:var(--paper);font:17px Anton;text-decoration:none;padding:13px 17px;white-space:nowrap}.note{font-size:14px;color:#c1d0d1}.toc{margin:0;border-block:1px dashed var(--line);padding:15px 0}.toc summary{font:18px Anton;text-transform:uppercase;cursor:pointer;min-height:28px}.toc ul{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:15px 0 0;margin:0}.toc li{margin:0}.toc a{font-size:15px;display:inline-block;padding:5px 0}.table-wrap{overflow-x:auto;border:1px solid #c3cabc;margin:24px 0;max-width:100%;scrollbar-color:var(--cyan) var(--deep)}table{width:100%;min-width:760px;border-collapse:collapse;font-size:15px;line-height:1.65}caption{text-align:left;padding:12px 16px;font:15px SpecialElite;color:var(--paper)}thead{background:var(--paper);color:var(--ink)}th,td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px dashed var(--line)}tbody th{font-weight:700}tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}.review{padding:28px 0;border-top:1px dashed var(--line);scroll-margin-top:30px}.review h3{font-size:30px;margin-top:0}.review .verdict{color:var(--cyan);font-weight:700;margin-bottom:12px}.review p{max-width:none}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0}.facts>div{border-top:3px solid var(--cyan);padding-top:18px}.facts h3{margin-top:0}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.route-card{display:block;background:var(--paper);color:var(--ink);padding:24px;box-shadow:5px 5px #0b252b;text-decoration:none;border-radius:0}.route-card:hover{color:var(--ink);background:#fff}.route-card h3{margin-top:8px}.route-card p{font-size:15px;margin-bottom:0}.route-card small{font:12px SpecialElite;color:var(--ink)}.safety{border-block:5px dashed var(--yellow);padding:24px 0;margin:44px 0}.safety h2{font-size:30px;color:var(--yellow)}.safety p{margin-bottom:0}.faq details{border-top:1px dashed var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px dashed var(--line)}.faq summary{cursor:pointer;list-style:none;position:relative;font:23px/1.35 Anton;padding-right:40px}.faq summary:after{content:'+';position:absolute;right:4px;top:-2px;font:28px Arial;color:var(--cyan)}.faq details[open] summary:after{content:'-'} .faq details p{margin:18px 0 2px}.footer{padding:38px 0;font-size:14px;background:#102c33}.footer-top{display:flex;gap:28px;align-items:center;justify-content:space-between}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer p{margin:24px 0 0;color:#c4d0d0}.back-top{display:inline-flex;margin-top:20px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}.tool{border:1px solid var(--line);padding:24px;max-width:680px}.tool h3{margin-top:0}.field{display:flex;flex-direction:column;gap:5px;margin:12px 0}.field input,.field select{width:100%;min-height:45px;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:8px 12px}.result{font:27px Anton;color:var(--yellow);margin:18px 0 4px}.meter{height:6px;background:var(--yellow);position:fixed;top:0;left:0;width:0;z-index:40}.support-links{display:flex;flex-wrap:wrap;gap:14px 24px}.muted-band{background:#102c33}.home-hero h1{max-width:1000px}.legal-note{font-size:14px;color:#bcd0d2;max-width:900px;margin-top:20px}.small-page .hero{padding-bottom:35px}.small-page h1{font-size:64px}.small-page h2{font-size:36px}
@media(min-width:1500px){h1{font-size:84px}.hero{padding:64px 0 58px}}@media(max-width:1000px){h1{font-size:60px}.main-nav a{font-size:13px;padding:12px 7px}.brand{font-size:23px}.container{width:calc(100% - 44px)}.nav-wrap{gap:15px}.rank-row{grid-template-columns:45px 1fr auto;gap:15px}.facts{grid-template-columns:1fr 1fr}h2{font-size:34px}}
@media(max-width:700px){body{font-size:16px}.container{width:calc(100% - 36px)}.nav-wrap{min-height:73px;flex-wrap:wrap;padding:12px 0}.menu-button{display:flex}.main-nav{display:none!important;width:100%;padding-bottom:10px}.main-nav.open{display:grid!important;grid-template-columns:1fr 1fr}.main-nav a{font-size:16px;padding:14px 10px}.hero{padding:35px 0}.hero .label{font-size:12px;margin-bottom:23px}h1{font-size:43px;line-height:1.13;text-wrap:wrap;overflow-wrap:normal}.small-page h1{font-size:42px}h2,.small-page h2{font-size:29px;line-height:1.25}h3{font-size:23px}.intro{font-size:16px;line-height:1.75}.hero-actions{gap:20px;flex-wrap:wrap}.button{font-size:17px}.section{padding:34px 0}.rank-row{grid-template-columns:35px 1fr;gap:15px;padding:22px 17px;min-height:190px}.rank-row a{grid-column:2;justify-self:start;font-size:16px;padding:11px 16px}.rank-row h3{font-size:27px}.rank-row p{font-size:13px}.rank-label{font-size:11px}.number{font-size:38px}.rank-row:before{left:20px!important}.facts,.route-grid,.tools{grid-template-columns:1fr}.facts{gap:16px}.route-card{padding:22px}.footer-top{align-items:flex-start;flex-direction:column}.footer-links{gap:12px 20px}.faq summary{font-size:22px}.table-wrap{margin-inline:0}.tool{padding:20px}}
@media(max-width:360px){h1{font-size:36px}.small-page h1{font-size:35px}.container{width:calc(100% - 30px)}h2{font-size:27px}.hero-actions{gap:15px}.brand{font-size:24px}}
.hero{background-image:url('/assets/grunge.png');background-color:var(--sea);background-blend-mode:soft-light}
@media(max-width:700px){.hero{padding:26px 0}.hero .label{margin-bottom:18px}h1{font-size:36px;margin-bottom:18px}.small-page h1{font-size:32px}.intro{line-height:1.6}.hero-actions{margin-top:20px}.legal-note{margin-top:16px}}
@media(max-width:360px){h1{font-size:30px}.small-page h1{font-size:28px}}
.guide-hero{padding:36px 0 30px}
.hero-art{display:none;position:absolute;pointer-events:none;opacity:.5}
.guide-hero>.container{position:relative;z-index:1}
.guide-hero h1{font-size:60px;line-height:1.12;max-width:1100px;margin-bottom:18px}
.guide-hero .label{margin-bottom:20px}
.guide-hero .hero-actions{margin-top:20px}
.guide-hero .legal-note{margin:16px 0 0}
@media(min-width:1100px){
  .guide-hero{min-height:560px;padding:16px 0}
  .guide-hero .label{margin-bottom:14px}
  .guide-hero .hero-actions{margin-top:16px}
  .guide-hero .legal-note{margin-top:12px}
  .home-hero .hero-art{display:block;top:0;right:0;width:min(900px,70%);height:100%;object-fit:contain;object-position:right center}
  .offshore-hero .hero-art,.international-hero .hero-art{display:block;top:16px;right:12px;width:min(620px,46%);height:calc(100% - 32px);object-fit:contain;object-position:right center}
  .guide-hero h1{max-width:960px;font-size:56px}
  .guide-hero .intro{max-width:820px}
  .guide-hero .hero-actions,.guide-hero .legal-note{max-width:min(600px,calc(55vw - 64px))}
  .guide-hero h1{text-shadow:2px 3px 0 #087d9b,0 2px 6px #06191e}
  .guide-hero .intro{font-size:17px;line-height:1.65;text-shadow:0 1px 2px #06191e,0 0 6px #06191e}
}
@media(max-width:1000px){.guide-hero h1{font-size:48px}}
@media(max-width:700px){.guide-hero{padding:22px 0}.guide-hero h1{font-size:32px}.guide-hero .label{margin-bottom:16px}}
@media(max-width:360px){.guide-hero h1{font-size:28px}}
.toc{border-top:0;border-bottom:1px solid var(--line);padding:20px 0 18px}
.toc summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px;list-style:none;font-size:20px}
.toc summary::-webkit-details-marker{display:none}
.toc-heading{border-left:3px solid var(--cyan);padding-left:12px}
.toc-chevron{width:20px;height:20px;flex:0 0 20px;color:var(--cyan);transition:transform .18s ease}
.toc[open] .toc-chevron{transform:rotate(180deg)}
.toc ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 28px;padding:14px 0 0;counter-reset:toc-section}
.toc li{min-width:0;counter-increment:toc-section}
.toc a{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;color:var(--paper);font-size:15px;line-height:1.4;text-decoration:none}
.toc a::before{content:counter(toc-section,decimal-leading-zero);font:12px SpecialElite,monospace;color:var(--cyan);flex:0 0 21px}
.toc a:hover{color:var(--cyan);text-decoration:underline;text-underline-offset:5px}
.toc a:focus-visible{outline-offset:2px}
@media(max-width:1000px){.toc ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 20px}}
@media(max-width:700px){.toc{padding:14px 0}.toc summary{min-height:36px;font-size:18px}.toc ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding-top:12px}.toc a{min-height:48px;font-size:14px}}
@media(max-width:400px){.toc ul{grid-template-columns:1fr}.toc a{border-top:1px solid #35545c}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toc-chevron{transition:none}}
.combined-comparison table{min-width:1000px;table-layout:fixed}
.combined-comparison th:first-child{width:16%}
.combined-comparison th small{display:block;margin-top:8px;font:400 13px/1.5 Arial,sans-serif}
.combined-comparison td,.combined-comparison th{overflow-wrap:anywhere;vertical-align:top}
