/* November 5 — Maritime Edge: SEO-first global shipping economics. Original data interpretation. */
:root{--econ-ink:#123d50;--econ-ocean:#0a3149;--econ-teal:#05858a;--econ-muted:#516e7d;--econ-line:#d6e5e8;--econ-bg:#f6fafb}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:106px}
.mb-economic-page{margin:0;background:var(--econ-bg);color:var(--econ-ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mb-economic-page h1,.mb-economic-page h2,.mb-economic-page h3{letter-spacing:-.035em}
.mb-economic-page h1{font-size:clamp(34px,4.4vw,61px);line-height:1.08;margin:18px 0 21px;max-width:770px;font-weight:830}
.mb-economic-page h2{font-size:clamp(26px,3vw,38px);line-height:1.18;margin:12px 0 19px;font-weight:830}
.mb-economic-page h3{font-size:clamp(18px,2vw,23px);line-height:1.28;margin:12px 0}
.mb-economic-page p{line-height:1.8}
.mb-economic-page a{color:#047b83;text-underline-offset:3px}
.mb-economic-page :is(a,button,input,summary):focus-visible{outline:3px solid #37bbb4;outline-offset:3px}
.mb-economic-container{max-width:1190px;margin:0 auto;padding-left:clamp(18px,4vw,36px);padding-right:clamp(18px,4vw,36px)}
.mb-economic-hero{background:radial-gradient(ellipse at 5% 0%,#12596a 0%,transparent 35%),linear-gradient(119deg,#071c30,#0b3952 70%,#126b74);color:white;overflow:hidden}
.mb-economic-hero-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(20px,4vw,46px);align-items:center;padding-top:69px;padding-bottom:69px;min-height:500px}
.mb-economic-copy{max-width:780px}
.mb-economic-eyebrow,.mb-economic-overline{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:850}
.mb-economic-eyebrow{color:#8fe8dc}.mb-economic-overline{color:#157e89}
.mb-economic-hero p{font-size:clamp(15px,1.4vw,18px);color:#e4f0f1;max-width:720px;line-height:1.76}
.mb-economic-hero .mb-economic-small{color:#bbd7de;font-size:12px;margin:17px 0 0}
.mb-economic-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
.mb-economic-hero-actions a{border:1px solid #8de2da;border-radius:10px;text-decoration:none;padding:12px 17px;font-weight:800;font-size:13px}
.mb-economic-hero-actions a.mb-economic-primary{background:#9bebe0;color:#0a3347}.mb-economic-hero-actions a.mb-economic-secondary{background:transparent;color:#fff}
.mb-economic-hero-figure{margin:0;position:relative;border-radius:18px;overflow:hidden;box-shadow:0 28px 54px #031b2a55;min-height:330px;align-self:stretch}
.mb-economic-hero-figure img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.mb-economic-hero-figure figcaption{position:absolute;bottom:0;left:0;right:0;padding:19px 15px 12px;background:linear-gradient(transparent,#062536c9);font-size:11px;color:#e8f3f3}
.mb-economic-jump{display:flex;flex-wrap:wrap;gap:9px;padding:23px 0;margin-bottom:10px;border-bottom:1px solid var(--econ-line)}
.mb-economic-jump a{display:inline-block;text-decoration:none;border:1px solid #cddfe3;background:white;border-radius:9px;padding:9px 14px;color:#245262;font-weight:730;font-size:12px}
.mb-economic-jump a:hover{border-color:#229e9e;background:#eaf6f5}
.mb-economic-intro{margin:33px 0 54px}.mb-economic-intro>p{max-width:99ch;margin:0 0 24px}
.mb-economic-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.mb-economic-fact-grid article{border:1px solid #cfe1e5;background:white;padding:24px 23px;border-radius:17px;box-shadow:0 7px 25px #09263a09}
.mb-economic-fact-grid span,.mb-economic-fact-grid small{display:block;color:#526f7e;line-height:1.55}
.mb-economic-fact-grid span{font-size:11px;font-weight:820;text-transform:uppercase;letter-spacing:.07em}
.mb-economic-fact-grid strong{display:block;color:#0b6274;font-size:clamp(27px,3.2vw,40px);font-weight:850;letter-spacing:-.055em;white-space:nowrap;margin:8px 0}
.mb-economic-fact-grid small{font-size:12px}
.mb-economic-source-note{font-size:12px;color:#607a85!important;line-height:1.72!important;margin-top:17px!important}
.mb-economic-section{padding:54px 0 62px;border-top:1px solid var(--econ-line);scroll-margin-top:110px}
.mb-economic-section>p{max-width:95ch;color:#436475}
.mb-economic-section-top{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:center;margin-bottom:26px}
.mb-economic-section-top p{color:#446879;font-size:15px;max-width:80ch}
.mb-economic-section-top figure{margin:0;border-radius:18px;overflow:hidden;background:#dce9eb;box-shadow:0 12px 35px #0d344610}
.mb-economic-section-top figure img{width:100%;height:290px;object-fit:cover;display:block}
.mb-economic-section-top figcaption{background:#e9f3f4;padding:9px 15px;font-size:11px;color:#56727e}
.mb-economic-explainer{background:#fff;border:1px solid var(--econ-line);border-radius:18px;padding:28px}
.mb-economic-explainer>h3{margin-top:0;color:#113d4b}
.mb-economic-three,.mb-economic-method-grid,.mb-economic-fuel-glossary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mb-economic-three article,.mb-economic-fuel-glossary>div{border-top:3px solid #37a5a7;padding:13px 8px}
.mb-economic-three h4{font-size:15px;margin:0 0 10px;color:#194b59}
.mb-economic-three p,.mb-economic-fuel-glossary p{font-size:13px;color:#53717f;margin:0}
.mb-economic-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--econ-line);background:white;border-radius:17px;margin:24px 0;box-shadow:0 10px 28px #08314608}
.mb-economic-table{width:100%;border-collapse:collapse;min-width:630px;font-size:13px;line-height:1.6}
.mb-economic-table caption{text-align:left;font-weight:820;font-size:13px;color:#1b4e61;padding:17px 19px;background:#f4fafa}
.mb-economic-table :is(th,td){padding:16px 18px;text-align:left;border-bottom:1px solid #e3ecee;vertical-align:top}
.mb-economic-table thead th{color:#376473;font-size:11px;letter-spacing:.03em;background:#edf5f6}
.mb-economic-table tbody th{font-weight:820;white-space:nowrap;color:#19576a}
.mb-economic-table tbody tr:last-child :is(th,td){border-bottom:0}
.mb-economic-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}
.mb-economic-split article,.mb-economic-method-grid article{background:#fff;border:1px solid var(--econ-line);border-radius:15px;padding:23px}
.mb-economic-split article p,.mb-economic-method-grid article p{font-size:13px;color:#54717e}
.mb-economic-fuel-glossary{margin-top:26px}
.mb-economic-fuel-glossary>div{background:white;border:1px solid #d4e5e7;border-top:3px solid #2b9ba4;border-radius:12px;padding:19px}
.mb-economic-fuel-glossary h3{color:#0e6b77;font-size:17px;margin:2px 0 10px}
.mb-economic-page .mb-market-desk{margin:28px 0 10px}
.mb-economic-page .mb-market-desk h2{font-size:clamp(25px,3vw,33px)}
.mb-economic-page .mb-market-desk h3{font-size:19px}
.mb-economic-page .mb-macro-block{border:none;padding:15px 0 0}
.mb-economic-page .mb-macro-block>p{max-width:92ch;font-size:14px;color:#506e7c}
.mb-economic-page .mb-economic-method-grid{margin-top:24px}
.mb-economic-faq details{background:#fff;border:1px solid var(--econ-line);border-radius:12px;margin:10px 0;padding:0 19px}
.mb-economic-faq summary{cursor:pointer;min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:800;color:#16485a;padding:15px 0}
.mb-economic-faq details p{margin:0 0 20px;color:#496c7c;font-size:14px}
.mb-economic-cross{background:linear-gradient(115deg,#0b3148,#095a66);color:#fff;border-radius:20px;padding:34px;margin:24px 0 92px}
.mb-economic-cross h2{color:#fff;font-size:clamp(24px,3vw,33px);margin:0}
.mb-economic-cross p{color:#cde8e8;max-width:80ch}
.mb-economic-cross a{display:inline-block;text-decoration:none;font-weight:800;font-size:13px;background:#d7f5ee;color:#0a4d60;margin:9px 12px 0 0;padding:12px 16px;border-radius:9px}
.mb-hiring-market-link{background:#eaf6f6;border:1px solid #cae4e5;border-radius:17px;margin:28px 0;padding:23px}
.mb-hiring-market-link h2{margin:0 0 8px;font-size:22px;color:#144a59}
.mb-hiring-market-link p{font-size:13px;line-height:1.7;color:#456876}
.mb-hiring-market-link a{font-weight:830;color:#056e78}
@media(max-width:900px){
.mb-economic-hero-layout{grid-template-columns:1fr;gap:20px;padding-top:48px;padding-bottom:40px}
.mb-economic-hero-figure{height:300px;min-height:300px}.mb-economic-hero-figure img{position:static;height:300px}
.mb-economic-section-top{grid-template-columns:1fr}.mb-economic-section-top figure img{height:320px}
.mb-economic-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
.mb-economic-jump{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.mb-economic-jump a{flex:0 0 auto}
.mb-economic-fact-grid,.mb-economic-three,.mb-economic-method-grid,.mb-economic-fuel-glossary,.mb-economic-split{grid-template-columns:1fr}
.mb-economic-fact-grid article{padding:20px}
.mb-economic-hero-figure,.mb-economic-hero-figure img{height:220px;min-height:220px}
.mb-economic-section{padding:40px 0}.mb-economic-explainer{padding:19px}
.mb-economic-cross{padding:23px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Economic indicators belong to their own semantic sections, not an all-in-one hiring dashboard. */
#market-prices .mb-market-grid{grid-template-columns:minmax(0,1fr);max-width:780px}
.mb-market-connectivity-card{max-width:850px;margin:24px 0}.mb-market-connectivity-card .mb-market-card{padding:26px 30px}.mb-market-connectivity-card .mb-connectivity-bars{max-width:710px}

/* More transparent, government-sourced dry-bulk prices with publisher links. */
.mb-economic-freight-open{margin:24px 0;padding:clamp(18px,3vw,29px);border-radius:19px;background:#f4fafb;border:1px solid #cfe2e6}
.mb-economic-freight-open h3{color:#133e50;font-size:clamp(20px,2.5vw,27px);margin:9px 0}
.mb-economic-freight-open>p{font-size:13px;color:#517180;line-height:1.7}
.mb-open-freight-grid,.mb-open-freight-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0}
.mb-open-freight-card,.mb-open-freight-sources article{min-width:0;padding:19px;background:#fff;border:1px solid #d7e8ed;border-radius:14px;box-shadow:0 9px 26px #123e4d09}
.mb-open-freight-card>span{font-size:10px;color:#117b84;letter-spacing:.11em;font-weight:850}
.mb-open-freight-card h4{font-size:16px;margin:9px 0 12px;color:#164257}
.mb-open-freight-card>strong{display:block;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.04em;color:#0b6375;font-size:clamp(25px,2.5vw,34px)}
.mb-open-freight-card>strong small{font-size:11px;letter-spacing:0;color:#547785}
.mb-open-freight-card p,.mb-open-freight-sources p{font-size:12px;line-height:1.65;color:#5b7380}
.mb-open-freight-card a,.mb-open-freight-sources a{font-size:12px;font-weight:800;color:#0d6578}
.mb-open-freight-sources article{background:#eef7f7}
.mb-open-freight-sources strong{font-size:15px;color:#145167}
@media(max-width:720px){.mb-open-freight-grid,.mb-open-freight-sources{grid-template-columns:1fr}}
