:root{--ink:#152b38;--deep:#0b2536;--deep2:#123b50;--teal:#1b6471;--cream:#f5f4ef;--line:#d9e1df;--paper:#fffefa;--gold:#ebbc73;--muted:#596b70;--sans:Inter,"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.62 var(--sans);-webkit-font-smoothing:antialiased}a{color:#155f70;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ecad40;outline-offset:3px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.17}h1,h2{font-family:var(--serif);font-weight:normal;letter-spacing:-.032em}h2{font-size:clamp(2rem,3vw,3.2rem)}h3{font-size:1.24rem}section[id]{scroll-margin-top:36px}.skip{position:absolute;z-index:20;top:-100px;left:10px;background:#fff;padding:12px 16px;color:#000}.skip:focus{top:10px}
.site-header{background:#082336;color:#fff}.header-inner{width:min(1180px,calc(100% - 36px));margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:var(--serif);font-size:1.5rem;text-decoration:none;color:#fff;white-space:nowrap}.brand span{font:600 .63rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.18em;color:#9fc0c6;display:block;margin-top:0}.top-nav{display:flex;flex-wrap:wrap;gap:clamp(12px,2.5vw,34px);justify-content:flex-end}.top-nav a{font-size:.84rem;color:#e5f0f0;text-decoration:none}.top-nav a:hover{text-decoration:underline}
.hero{background:#0c2c3d;position:relative;isolation:isolate;min-height:550px;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(6,24,37,.97) 0%,rgba(7,31,44,.93) 36%,rgba(7,31,44,.64) 66%,rgba(7,31,44,.32) 100%),url('/assets/soo-locks/freighter.jpg');background-size:cover;background-position:60% 45%;z-index:-1}.hero:after{content:"";position:absolute;inset:auto 0 0;height:9px;background:repeating-linear-gradient(90deg,rgba(235,188,115,.8) 0 45px,transparent 45px 55px);opacity:.6}.hero-inner{width:min(1180px,calc(100% - 36px));margin:auto;padding:48px 0 68px}.crumb{font-size:.79rem;color:#a8c4ca;display:flex;gap:11px;align-items:center;margin-bottom:48px}.crumb a{color:#d6e5e7;text-decoration:none}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.21em;text-transform:uppercase;color:var(--teal);margin-bottom:15px}.eyebrow.light{color:var(--gold)}.hero h1{font-size:clamp(3.25rem,7vw,6.4rem);line-height:1.01;max-width:850px;margin-bottom:26px}.hero h1 em{font-weight:normal;color:#f0cd98}.hero-deck{font-size:clamp(1.06rem,1.7vw,1.3rem);line-height:1.62;color:#e2e9e8;max-width:600px;margin-bottom:27px}.hero-disclaimer{font-size:.78rem;color:#adc9cd;margin:16px 0 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:5px;padding:13px 22px;min-height:50px;font-size:.9rem;line-height:1.2;font-weight:750;text-decoration:none;transition:transform .14s ease,background .14s ease}.button:hover{transform:translateY(-2px)}.button.bright{background:var(--gold);color:#162a35}.button.bright:hover{background:#ffd496}.button.outline{color:#fff;border:1px solid #9bb6bf;background:#0b243666}.button.outline:hover{background:#ffffff22}.button.dark{background:#0e3748;color:#fff;white-space:normal}.button.dark:hover{background:#15536b}
.quick-rail{background:#133747;display:flex;justify-content:center;flex-wrap:wrap;gap:3px;padding:0 16px}.quick-rail a{color:#ebf4f2;font-size:.8rem;font-weight:650;text-decoration:none;padding:15px 16px;white-space:nowrap}.quick-rail a:hover{background:#255164}.wrap{width:min(1180px,calc(100% - 36px));margin:0 auto}.intro{display:grid;grid-template-columns:1fr 1.22fr;gap:48px;align-items:center;padding:80px 0 60px}.intro h2{margin-bottom:0}.intro p:last-child{font-size:1.04rem;color:#3f555d;line-height:1.8;margin:0}
.finder{border:1px solid #d9ded9;box-shadow:0 14px 48px rgba(12,37,45,.08);background:var(--paper);border-radius:12px;overflow:hidden}.finder-header{display:flex;justify-content:space-between;gap:35px;padding:38px 44px 24px}.finder-header h2{margin-bottom:13px;font-size:clamp(2rem,3vw,2.8rem)}.finder-header p:last-child{max-width:700px;color:#4f666b;margin-bottom:0}.finder-mark{font-size:.72rem;color:#96a5a7;white-space:nowrap;letter-spacing:.16em;margin-top:6px}.finder-form{display:grid;grid-template-columns:1fr 1.35fr;gap:34px;padding:12px 44px 34px}.field{margin:0;border:0;padding:0;min-width:0}.field>label,.field legend{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:#41636b;font-weight:800;margin-bottom:13px;display:block}.field select{appearance:none;display:block;width:100%;font:600 1rem var(--sans);color:#173b4a;min-height:54px;padding:12px 40px 12px 14px;border:1px solid #b5c6c5;border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='m1 1 7 7 7-7' stroke='%23224e5c' stroke-width='2' fill='none'/%3E%3C/svg%3E") right 16px center/13px no-repeat}.choice{display:inline-flex;align-items:center;gap:8px;margin:0 10px 8px 0;padding:11px 14px;border-radius:7px;background:#eef3f1;border:1px solid #d2dddd;cursor:pointer;min-height:47px}.choice:has(input:checked){border-color:#1d6b75;background:#e0f0ee}.choice input{accent-color:#165968;width:16px;height:16px}.choice span{font-size:.84rem;font-weight:650}.finder-result{background:#e7eeec;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:26px 44px 30px;border-top:1px solid #ccd9d7}.result-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:#4f7a7e;margin:0 0 6px}.finder-result h3{font-family:var(--serif);font-size:1.65rem;margin:0 0 8px;font-weight:normal}.finder-result p:not(.result-label){margin:0;font-size:.86rem;color:#40575f;max-width:640px}.finder-result .fine{font-size:.76rem!important;color:#64797c!important;margin-top:6px!important}.noscript{padding:12px 44px;background:#f8e8b5}
.section{padding:82px 0 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:25px}.section-head h2{margin:0}.section-head>p{max-width:360px;font-size:.88rem;line-height:1.7;color:#5c7074;margin:0 0 3px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature{min-height:290px;border:1px solid var(--line);background:#fff;padding:26px;display:flex;flex-direction:column;border-radius:7px}.feature.primary-feature{background:#113b4c;color:#f8f4e8;border-color:#113b4c;position:relative;overflow:hidden}.feature-symbol{position:absolute;top:10px;right:18px;font:6.5rem/1 var(--serif);opacity:.13}.card-kicker{font-size:.71rem;letter-spacing:.12em;color:#47818b;text-transform:uppercase;font-weight:800;margin-bottom:20px}.primary-feature .card-kicker{color:#edc688}.feature h3{font-size:1.22rem;margin-bottom:12px}.feature h3 a{color:inherit;text-decoration:none}.feature h3 a:hover{text-decoration:underline}.feature p:not(.card-kicker){font-size:.86rem;line-height:1.65;color:#50646d}.feature.primary-feature p:not(.card-kicker){color:#c6dbe0}.text-link{margin-top:auto;font-weight:750;font-size:.85rem}.primary-feature .text-link{color:#f7d19a}
.corridor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.corridor-card{background:#fff;border-radius:7px;border:1px solid #d7deda;padding:25px 25px 23px;display:flex;flex-direction:column}.corridor-index{font-size:.75rem;font-weight:800;color:#1a6370;margin-bottom:26px;border-bottom:1px solid #dde4e1;padding-bottom:11px;display:flex;justify-content:space-between;gap:8px}.corridor-index span{color:#7b8e91;font-size:.72rem;font-weight:600;text-align:right}.corridor-card h3{font-family:var(--serif);font-size:1.6rem;font-weight:normal;margin-bottom:12px}.corridor-card>p{font-size:.87rem;line-height:1.72;color:#486068;margin-bottom:12px}.corridor-card .spot{font-size:.82rem;color:#274b53;font-weight:650;margin-top:auto}.corridor-actions{display:flex;flex-wrap:wrap;gap:16px;padding-top:17px;border-top:1px solid #e4eae7}.corridor-actions a{font-size:.83rem;font-weight:750}.corridor-foot{margin:20px 0 0;font-size:.92rem;font-weight:700}.fleet{padding-bottom:75px}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-top:10px}.fleet-grid h3{font-family:var(--serif);font-size:1.5rem;font-weight:normal;margin-bottom:12px}.fleet-grid p{font-size:.89rem;color:#51666e;line-height:1.75}.fleet-icon{font:2rem var(--serif);display:block;color:#287584;margin-bottom:15px}.field-note{display:flex;align-items:center;gap:28px;padding:23px 25px;border-left:3px solid #b27b36;background:#eeeae0;margin-top:32px;flex-wrap:wrap}.field-note h3{margin:0;font:1.4rem var(--serif);min-width:155px}.field-note p{font-size:.83rem;color:#45595f;flex:1 1 370px;margin:0}.field-note a{font-size:.82rem;font-weight:750}.image-story{display:grid;grid-template-columns:1fr 1fr;background:#123545;color:#fff;min-height:300px;border-radius:9px;overflow:hidden}.image-story img{width:100%;height:100%;max-height:390px;object-fit:cover}.image-story>div{padding:45px}.image-story h2{font-size:clamp(1.9rem,2.6vw,2.8rem)}.image-story p:not(.eyebrow){color:#cbdde0;font-size:.92rem}.image-story .button{margin-top:10px}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.story{background:#fff;border:1px solid var(--line);padding:25px;min-height:250px;display:flex;flex-direction:column;border-radius:6px}.story h3{font:normal 1.34rem/1.3 var(--serif);margin-bottom:13px}.story h3 a{color:#193b4a;text-decoration:none}.story h3 a:hover{text-decoration:underline}.story p:not(.card-kicker){font-size:.85rem;color:#526970;line-height:1.67}.story>a:last-child{font-size:.85rem;font-weight:750;margin-top:auto}.faq{max-width:870px;margin:0 auto;padding-bottom:85px}.faq>h2{margin-bottom:25px}.faq details{border-top:1px solid #cbd8d5;padding:20px 0}.faq details:last-child{border-bottom:1px solid #cbd8d5}.faq summary{cursor:pointer;font-weight:750;color:#204453;font-size:1rem;padding-right:24px}.faq details p{font-size:.89rem;color:#536971;line-height:1.75;margin:13px 0 0;max-width:780px}.site-footer{background:#0d2635;color:#dde8e9;padding:44px 18px 22px}.footer-inner{width:min(1180px,100%);margin:auto;display:flex;justify-content:space-between;gap:25px}.footer-inner strong{font:normal 1.65rem var(--serif)}.footer-inner p{font-size:.79rem;color:#b3c7cc;margin:8px 0}.footer-links{display:flex;gap:20px;flex-wrap:wrap;align-content:center}.footer-links a,.byline a{color:#d1e7e8;font-size:.83rem}.byline{width:min(1180px,100%);margin:27px auto 0;border-top:1px solid #315263;padding-top:18px;color:#abc4c9;font-size:.76rem}
@media(max-width:940px){.feature-grid{grid-template-columns:repeat(2,1fr)}.corridor-grid,.story-grid{grid-template-columns:repeat(2,1fr)}.finder-form{grid-template-columns:1fr}.finder-result{align-items:start}.intro{gap:22px}}
@media(max-width:640px){.header-inner{min-height:65px;gap:9px}.brand{font-size:1.12rem}.brand span{font-size:.55rem}.top-nav{gap:11px}.top-nav a{font-size:.74rem}.top-nav a:nth-child(4){display:none}.hero{min-height:520px}.hero-inner{padding:30px 0 54px}.crumb{margin-bottom:52px}.hero-photo{background-image:linear-gradient(90deg,rgba(6,24,37,.94),rgba(7,31,44,.68)),url('/assets/soo-locks/freighter.jpg');background-position:64% 50%}.hero h1{font-size:clamp(2.85rem,10vw,4.3rem)}.hero-actions .button{flex:1 1 210px}.quick-rail{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.quick-rail a{flex:0 0 auto;padding:13px 12px}.intro{display:block;padding:50px 0 38px}.intro h2{margin-bottom:20px}.intro p:last-child{font-size:.96rem}.finder-header,.finder-form,.finder-result{padding-left:20px;padding-right:20px}.finder-header{padding-top:28px}.finder-mark{display:none}.finder-form{gap:24px}.choice{margin-right:6px;padding:10px}.finder-result{display:block}.finder-result .button{margin-top:20px;width:100%}.section{padding-top:56px}.section-head{display:block}.section-head>p{margin-top:13px}.feature-grid,.corridor-grid,.story-grid,.fleet-grid{grid-template-columns:1fr}.feature{min-height:0}.fleet{padding-bottom:44px}.fleet-grid{gap:14px}.fleet-grid article{border-bottom:1px solid #d5ddda}.field-note{display:block}.field-note p{margin:15px 0}.image-story{grid-template-columns:1fr}.image-story img{max-height:230px}.image-story>div{padding:28px}.footer-inner{display:block}.footer-links{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}


/* Freighter Central's live AIS stage reuses /assets/freighter-tracker.js and /api/freighter-ais.
   The source tracker remains the canonical owner of live-ship-tracker search intent. */
body[data-analytics-page="freighters"] .hero{min-height:345px}
body[data-analytics-page="freighters"] .hero-inner{padding-top:29px;padding-bottom:39px}
body[data-analytics-page="freighters"] .crumb{margin-bottom:24px}
body[data-analytics-page="freighters"] .hero h1{font-size:clamp(2.85rem,5.3vw,5rem);max-width:750px;margin-bottom:17px}
body[data-analytics-page="freighters"] .hero-deck{margin-bottom:18px}
body[data-analytics-page="freighters"] .hero-disclaimer{margin-top:12px}
.hub-map-section{padding:42px 0 25px;scroll-margin-top:12px}
.hub-map-heading{display:flex;gap:25px;align-items:end;justify-content:space-between;margin-bottom:18px}
.hub-map-heading h2{font-size:clamp(2rem,3.2vw,3.15rem);margin:0 0 10px}
.hub-map-heading h2 em{font-weight:normal;color:#287484}
.hub-map-heading p:last-child{font-size:.91rem;color:#536b73;max-width:720px;line-height:1.7;margin:0}
.hub-map-full-link{flex:0 0 auto;font-size:.85rem;font-weight:750;padding:10px 13px;border-radius:5px;border:1px solid #8bb4ba;background:#f7fcfa;text-decoration:none}
.hub-map-full-link:hover{background:#e8f5f3}
.hub-map-card{border-radius:10px;border:1px solid #b9ced0;overflow:hidden;background:#fff;box-shadow:0 15px 38px rgba(12,37,45,.09)}
.hub-map-toolbar{background:#0b2c3d;color:#e5f3f4;padding:16px 19px 12px}
.hub-map-state{display:flex;align-items:center;gap:10px;color:#d4e7e9;font-size:.81rem;min-height:22px;line-height:1.4;margin-bottom:11px}
.hub-map-state .map-state-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#e3ad5a;box-shadow:0 0 0 3px #d39b3c33}
.hub-map-state .map-state-dot.loaded{background:#58cf92;box-shadow:0 0 0 3px #58cf9233}
.hub-map-state .map-state-dot.slow{background:#e58c7a;box-shadow:0 0 0 3px #e58c7a33}
.hub-map-tabs{display:flex;overflow-x:auto;gap:7px;scrollbar-width:thin;scrollbar-color:#5c8590 transparent;padding:4px 1px}
.hub-map-tabs .view-tab{flex:0 0 auto;border-radius:999px;border:1px solid #6c8c97;background:#184052;color:#e9f5f6;min-height:38px;padding:7px 14px;cursor:pointer;font:700 .77rem var(--sans)}
.hub-map-tabs .view-tab:hover{background:#276078}
.hub-map-tabs .view-tab[aria-selected="true"]{border-color:#a5d2d6;background:#e8f8f8;color:#0e3544}
.hub-map-canvas-wrap{position:relative;background:#d6e5e5;min-height:525px}
#freighterMap{height:525px;width:100%;display:block;background:#d6e5e5}
.hub-map-tools{position:absolute;bottom:16px;right:16px;z-index:500}
.hub-map-refresh{background:#fff;color:#123c4c;min-height:40px;padding:9px 14px;border:1px solid #8baeb6;border-radius:5px;font:750 .8rem var(--sans);cursor:pointer;box-shadow:0 2px 11px #183b4e33}
.hub-map-refresh:hover{background:#e8f6f5}
.hub-map-refresh:disabled{opacity:.65;cursor:wait}
.hub-map-bottom{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.hub-map-route,.hub-map-noaa{padding:22px 24px}
.hub-map-route{border-right:1px solid #dce5e4}
.hub-map-noaa{background:#f0f6f4}
.hub-mini-label{color:#2a7581;text-transform:uppercase;letter-spacing:.1em;font-size:.69rem;font-weight:850;margin:0 0 5px}
.hub-map-bottom h3{font:normal 1.33rem var(--serif);margin:0 0 8px}
.hub-map-bottom p:not(.hub-mini-label){font-size:.83rem;color:#52676b;line-height:1.65;margin:0 0 9px}
.hub-map-route .hub-map-watch-note{border-top:1px solid #e6ece8;padding-top:9px;margin-top:10px!important}
.hub-map-bottom a{font-size:.83rem;font-weight:700}
.hub-map-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.hub-map-metrics div{text-align:center;border:1px solid #d9e4e2;background:#fff;padding:10px 4px;border-radius:5px}
.hub-map-metrics strong{display:block;font-size:1.05rem;color:#1b4754}
.hub-map-metrics span{font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:#687f83}
.hub-map-reports{border-top:1px solid #dce6e3;padding:0 23px}
.hub-map-reports summary{cursor:pointer;min-height:53px;padding:16px 0;font-weight:800;font-size:.87rem}
.hub-report-hint{font-weight:400;color:#617980;margin-left:10px;font-size:.78rem}
.hub-map-reports>p{font-size:.79rem;color:#587077;line-height:1.65}
#freighterVessels{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#freighterVessels li{border:1px solid #dce8e6;border-radius:5px;padding:10px;min-width:0;line-height:1.4}
#freighterVessels li button{display:block;border:0;background:none;padding:0;color:#145d70;text-align:left;font:750 .83rem var(--sans);cursor:pointer}
#freighterVessels li span{display:block;color:#647a80;font-size:.76rem;margin-top:5px;overflow-wrap:anywhere}
.hub-map-legal{margin:0;padding:13px 23px;background:#f9f6ee;border-top:1px solid #e8e3d7;color:#657476;font-size:.74rem;line-height:1.65}
body[data-analytics-page="freighters"] .intro{padding:58px 0 50px}
@media(max-width:760px){.hub-map-heading{display:block}.hub-map-full-link{display:inline-flex;margin-top:16px}.hub-map-bottom{grid-template-columns:1fr}.hub-map-route{border-right:0;border-bottom:1px solid #dce5e4}.hub-map-canvas-wrap{min-height:410px}#freighterMap{height:410px}}
@media(max-width:640px){body[data-analytics-page="freighters"] .hero{min-height:360px}body[data-analytics-page="freighters"] .hero h1{font-size:clamp(2.65rem,9.3vw,4.1rem)}body[data-analytics-page="freighters"] .hero-inner{padding:19px 0 31px}body[data-analytics-page="freighters"] .crumb{margin-bottom:22px}.hub-map-section{padding:28px 0 12px}.hub-map-toolbar{padding:12px}.hub-map-canvas-wrap{min-height:360px}#freighterMap{height:360px}.hub-map-refresh{min-height:36px;padding:6px 9px}.hub-map-route,.hub-map-noaa{padding:18px 16px}.hub-map-tabs .view-tab{min-height:43px}#freighterVessels{grid-template-columns:1fr}.hub-map-legal{padding:12px 16px}.hub-map-reports{padding:0 15px}.hub-report-hint{display:block;margin-left:0}.hub-map-heading h2{font-size:2.1rem}body[data-analytics-page="freighters"] .intro{padding-top:38px}}