:root { --text:#23332f; --text-light:#53645e; --primary:#174d49; --primary-light:#176c64; --primary-dark:#183932; --accent:#a3451c; --radius-lg:8px; }
body { background:#fff; }
h1,h2,h3,h4,.site-header h1 { letter-spacing:0; }
.site-nav { background:#fff; box-shadow:none; backdrop-filter:none; }
.nav-container { max-width:1280px; }
.nav-logo,.logo-text,.logo-title,.logo-sub { flex-shrink:0; white-space:nowrap; }
.logo-title { font-size:20px; }
.logo-sub { color:#53645e; }
.main-content p a:not(.cta-btn),.main-content li a,.editor-note a { text-decoration:underline; text-underline-offset:3px; }
.nav-menu>li>a { font-size:14px; padding:10px 9px; }
.nav-menu>li>a::after { background:#176c64; }
.nav-menu>li:last-child>a { border:1px solid #cfdbd7; }
.site-header { background:#f0f5f3; color:#183932; padding:32px 0 28px; text-align:left; border-bottom:1px solid #dbe5df; }
.site-header .container { max-width:1200px; }
.site-header h1 { color:#183932; font-size:30px; line-height:1.4; max-width:980px; }
.site-header p { color:#53645e; font-size:16px; max-width:860px; margin:0; }
.breadcrumb { background:#fff; border-bottom:1px solid #e5eae7; }
.main-wrapper { grid-template-columns:minmax(0,1fr) 250px; gap:48px; margin-top:28px; }
.main-content { line-height:1.9; }
.main-content p { text-align:left; }
.main-content h2 { margin-top:38px; padding-bottom:12px; font-size:23px; border-bottom:1px solid #dbe5df; }
.page-intro,.intent-panel,.evidence-summary,.sitemap-section,.sidebar .widget { border:0; border-radius:0; box-shadow:none; background:transparent; }
.page-intro { padding:0 0 20px; margin:0; border-bottom:1px solid #e5eae7; }
.sidebar .widget { padding:0 0 24px; margin:0 0 24px; border-bottom:1px solid #dbe5df; }
.sidebar .widget h3 { font-size:16px; border:0; padding:0; }
.sidebar a { border:0; padding:5px 0; }
.sidebar a:hover { padding-left:0; text-decoration:underline; }
.toc ol { padding-left:20px; font-size:14px; }
.toc a { display:inline; }
.feature-grid,.city-grid { gap:0; }
.feature-card,.city-card,.article-item { box-shadow:none; border-radius:0; border:0; border-bottom:1px solid #dbe5df; padding:18px 16px 18px 0; }
.feature-card:hover,.city-card:hover { transform:none; box-shadow:none; }
.city-card { text-align:left; }
.city-card img,.article-item img { display:none; }
.cta-box { background:#f0f5f3; border-radius:0; border-left:3px solid #176c64; text-align:left; padding:22px; }
.cta-box h3,.cta-box p { color:#183932; }
.cta-btn { border-radius:4px; background:#176c64; color:white; }
.cta-btn:hover { background:#11554e; color:white; transform:none; }
.info-table,.fact-table { box-shadow:none; border-radius:0; }
.info-table th { background:#edf3f0; color:#183932; }
.info-table td,.fact-table td,.fact-table th { color:#334b42; overflow-wrap:anywhere; }
.table-scroll { width:100%; overflow-x:auto; margin:20px 0; }
.table-scroll table { margin:0; min-width:480px; }
.table-scroll:focus-visible { outline:2px solid #176c64; }
.editor-note { font-size:14px; color:#627168; padding:14px 0; border-top:1px solid #e5eae7; margin-top:30px; }
.skip-link { position:fixed; left:12px; top:-100px; z-index:999; background:#fff; padding:12px; }
.skip-link:focus { top:12px; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid #176c64; outline-offset:3px; }
.site-footer { background:#203e36; }
.site-footer a,.footer-links a { color:#e0eae4; }
.home-page .site-header,.home-page .breadcrumb { display:none; }
.home-page .main-wrapper { display:block; max-width:1200px; margin-top:0; }
.home-page .sidebar { display:none; }
.home-lead { padding:36px 0 28px; border-bottom:1px solid #cfdbd7; }
.home-lead .eyebrow { color:#176c64; font-size:14px; margin-bottom:8px; }
.home-lead h1 { font-size:36px; margin:0 0 12px; }
.home-lead p { max-width:760px; margin-bottom:18px; }
.home-actions { display:flex; flex-wrap:wrap; gap:12px 26px; align-items:center; }
.home-actions>a:not(.cta-btn) { text-decoration:underline; text-underline-offset:5px; }
.task-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin:24px 0; }
.task-grid article { padding:0 0 20px; border-bottom:2px solid #ceded5; }
.task-grid .step { color:#a3451c; font-size:13px; }
.task-grid h3 { margin:6px 0 12px; font-size:21px; }
.home-page .task-grid h2 { margin:6px 0 12px; font-size:21px; border:0; padding:0; }
.site-footer h2 { color:#fff; font-size:16px; border:0; padding:0; margin:0 0 16px; }
.home-page section { padding-bottom:20px; }
.home-page h2 { margin-top:28px; }
.transport-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; }
.transport-list a { display:grid; grid-template-columns:80px 1fr; gap:16px; padding:18px 0; border-bottom:1px solid #dbe5df; }
.transport-list span { color:#53645e; font-size:15px; }
.route-links { display:flex; flex-wrap:wrap; gap:12px 24px; }
.home-figure { margin:24px 0; }
.home-figure img { width:100%; max-height:240px; object-fit:contain; background:#eaf2f5; border-radius:0; }
.home-figure figcaption { font-size:12px; color:#627168; margin-top:6px; }
.weight-tool { border:1px solid #cfdbd7; border-radius:6px; padding:24px; margin:24px 0; }
.weight-tool h2 { margin-top:0; }
.weight-tool label { display:grid; gap:6px; font-size:14px; }
.weight-tool input,.weight-tool select { min-width:0; width:100%; padding:10px; border:1px solid #98ada1; border-radius:4px; font:inherit; background:white; }
.weight-tool .fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.weight-tool button { font:inherit; border:0; padding:10px 22px; margin:18px 0 12px; cursor:pointer; }
.weight-tool output { display:block; min-height:90px; background:#edf3f0; padding:16px; line-height:1.8; }
.reading-list { list-style:none; padding:0; }
.reading-list li { padding:16px 0; margin:0; border-bottom:1px solid #dbe5df; }
.reading-list p { margin:6px 0 0; font-size:15px; }
@media(min-width:1121px) { .dropdown:focus-within>.dropdown-menu { display:block; } .dropdown-menu { top:100%; } }
@media(max-width:1120px) {
 .nav-menu { max-height:calc(100dvh - 84px); overflow-y:auto; }
 .dropdown:hover>.dropdown-menu { display:none; }
 .dropdown.open>.dropdown-menu { display:block; }
 .nav-menu>li>a { min-height:44px; }
}
@media(max-width:900px) { .main-wrapper { grid-template-columns:minmax(0,1fr); gap:24px; } .sidebar { border-top:1px solid #dbe5df; padding-top:24px; } }
@media(max-width:600px) {
 .site-header h1 { font-size:26px; }
 .home-lead h1 { font-size:30px; }
 .home-lead { padding-top:24px; }
 .task-grid,.transport-list { grid-template-columns:1fr; gap:0; }
 .task-grid article { padding:20px 0; }
 .weight-tool { padding:16px; }
 .weight-tool .fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .intent-grid,.quote-form-grid { grid-template-columns:minmax(0,1fr); }
 .article-item { display:block; }
 .logo-title { font-size:19px; }
 .main-content h2 { font-size:22px; }
}
/* Shared editorial and shipment-tool layout. */
:root { --text:#222830; --text-light:#58616b; --primary:#244ed8; --primary-light:#244ed8; --primary-dark:#222830; --accent:#c0df62; --max-width:1240px; }
body { color:var(--text); background:#fff; font-family:Arial,"Microsoft YaHei",sans-serif; font-size:16px; }
h1,h2,h3,h4 { color:#222830; }
a { color:#244ed8; }
.site-nav { border-bottom:1px solid #e4e6e9; position:sticky; top:0; z-index:100; }
.nav-container { max-width:1280px; min-height:82px; gap:32px; padding:0 28px; }
.nav-logo { gap:10px; }
.logo-icon { width:40px; height:40px; padding:7px; border:1px solid #cdd5ea; border-radius:6px; background:#f2f5ff; }
.logo-title { font-size:21px; color:#222830; }
.logo-sub { font-size:10px; color:#616a75; }
.nav-menu { gap:4px; }
.nav-menu>li>a { font-size:14px; padding:12px; border-radius:4px; }
.nav-menu>li>a::after { background:#244ed8; }
.nav-menu>li:last-child>a { border:0; background:#244ed8; color:#fff; padding:10px 18px; margin-left:12px; }
.dropdown-menu { border:1px solid #e1e5ed; border-radius:6px; box-shadow:0 12px 28px #19243b12; }
.nav-menu a { border-radius:4px; }
.main-wrapper { max-width:1240px; padding:0 28px; gap:64px; grid-template-columns:minmax(0,1fr) 248px; margin:36px auto 64px; }
.main-content { line-height:1.85; }
.main-content h2 { font-size:24px; color:#222830; border-bottom:0; padding-bottom:0; margin:40px 0 18px; }
.main-content h3 { color:#222830; }
.main-content p { color:#58616b; }
.site-header { background:#f3f5f8; border-bottom:1px solid #e4e6e9; padding:46px 0; }
.site-header .container { max-width:1240px; padding:0 28px; }
.site-header h1 { font-size:34px; color:#222830; max-width:980px; }
.site-header p { color:#58616b; max-width:850px; margin-top:14px; }
.breadcrumb .container { max-width:1240px; padding:12px 28px; font-size:13px; }
.sidebar { border-left:1px solid #e4e6e9; padding-left:24px; }
.sidebar .widget { border-bottom:1px solid #e4e6e9; }
.sidebar .widget h3 { color:#222830; font-size:15px; }
.sidebar .widget a { color:#58616b; font-size:14px; }
.toc ol { padding-left:17px; }
.toc li { padding:3px 0; }
.page-intro { border-bottom:1px solid #e4e6e9; padding-bottom:24px; }
.feature-grid,.city-grid { gap:16px; }
.feature-card,.city-card { padding:20px; background:#f6f7f9; border:1px solid #e4e6e9; border-radius:6px; }
.feature-card:hover,.city-card:hover { border-color:#9aaee8; background:#f1f4fb; }
.cta-box { background:#f1f4fc; border-left:3px solid #244ed8; }
.cta-box h3,.cta-box p { color:#222830; }
.cta-btn { background:#244ed8; border-radius:4px; font-weight:600; box-shadow:none; }
.cta-btn:hover { background:#193db3; }
.info-table th { background:#eef1f6; color:#303843; font-size:14px; }
.info-table td,.fact-table td,.fact-table th { color:#404955; border-color:#e4e6e9; }
.info-table tbody tr:last-child { background:#f3f6ff; font-weight:600; }
.info-table tbody tr:hover { background:#f5f7fc; }
.home-page .main-wrapper { max-width:1240px; }
.home-lead { position:relative; padding:42px 0 32px!important; border:0; }
.home-lead .eyebrow { font-size:13px; color:#616a75; margin:0 0 14px; }
.home-page .home-lead h1 { font-size:26px; line-height:1.3; margin:0 0 10px; }
.home-lead .home-statement { font-size:44px; font-weight:700; line-height:1.3; color:#222830; margin:0 0 16px; }
.home-statement br { display:none; }
.home-lead>p:last-of-type { max-width:660px; font-size:15px; margin:0; }
.lead-shortcuts { position:absolute; right:0; top:72px; width:255px; border-top:1px solid #dfe3ea; }
.lead-shortcuts a { display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid #dfe3ea; color:#333b46; font-size:14px; }
.lead-shortcuts a:first-child { color:#244ed8; }
.shipment-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; align-items:start; padding:28px 0 36px; border-top:1px solid #dfe3ea; }
.home-page .shipment-workspace h2 { font-size:22px; margin:0 0 20px; }
.transport-list { grid-template-columns:1fr 1fr; gap:14px; }
.transport-list a { position:relative; display:flex; flex-direction:column; gap:6px; padding:18px; border:1px solid #dfe3ea; border-radius:6px; min-height:174px; background:#fff; transition:border-color .15s,background .15s; }
.transport-list a:hover { border-color:#244ed8; background:#f6f8ff; }
.transport-list small { font-size:11px; color:#68717c; }
.transport-list strong { font-size:21px; color:#222830; }
.transport-list span { font-size:13px; line-height:1.75; color:#58616b; padding-right:8px; }
.transport-arrow { position:absolute; right:14px; top:16px; color:#244ed8; font-size:19px; font-weight:400; }
.home-figure { margin:18px 0 0; display:grid; grid-template-columns:150px 1fr; align-items:center; gap:18px; background:#f3f6f9; }
.home-figure img { width:150px; height:90px; object-fit:cover; max-height:none; }
.home-figure figcaption { color:#58616b; font-size:12px; padding-right:16px; }
.home-page .weight-tool { margin:0; padding:24px; border:1px solid #cdd6ec; border-top:3px solid #244ed8; border-radius:6px; background:#f5f7fc; }
.tool-kicker { display:block; color:#244ed8; font-size:11px; margin-bottom:10px; font-weight:600; }
.home-page .weight-tool h2 { margin-bottom:10px; }
.weight-tool>p { font-size:13px; line-height:1.75; margin-bottom:16px; }
.weight-tool .fields { gap:12px; }
.weight-tool label { font-size:12px; color:#404955; }
.weight-tool input,.weight-tool select { border:1px solid #b7c1d2; height:44px; padding:8px; border-radius:4px; color:#222830; }
.weight-tool button { margin:16px 0 12px; width:100%; min-height:44px; font-size:14px; }
.weight-tool output { border-left:3px solid #93b331; background:#edf2df; color:#343c27; font-size:13px; min-height:78px; padding:12px 14px; }
.weight-tool .tool-source { font-size:11px; margin:12px 0 0; }
.task-grid { margin:0 0 32px; gap:28px; padding:24px 0; border-top:1px solid #e4e6e9; border-bottom:1px solid #e4e6e9; }
.task-grid article { padding:0; border:0; }
.task-grid .step { color:#6c743e; font-size:12px; }
.home-page .task-grid h2 { font-size:18px; margin:8px 0; }
.task-grid p { font-size:14px; margin-bottom:12px; }
.task-grid a { font-size:13px; }
.home-page .quote-comparison { display:grid; grid-template-columns:1fr 1.3fr; column-gap:48px; margin:36px 0; }
.quote-comparison h2 { margin:8px 0 14px; }
.quote-comparison>p { grid-column:1; font-size:14px; }
.quote-comparison .table-scroll { grid-column:2; grid-row:1/4; margin:0; }
.quote-comparison .info-table { min-width:0; font-size:14px; }
.port-section { padding:28px 0!important; border-top:1px solid #e4e6e9; border-bottom:1px solid #e4e6e9; }
.port-section h2,.guide-section h2 { margin-top:0; }
.route-links { gap:0; display:grid; grid-template-columns:repeat(3,1fr); }
.route-links a { padding:12px 0; border-bottom:1px solid #e4e6e9; font-size:14px; color:#303843; }
.route-links a::after { content:'↗'; color:#244ed8; margin-left:10px; }
.port-section>p { font-size:13px; margin-top:16px; }
.guide-section { padding-top:32px; }
.reading-list { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.reading-list li { padding:0 0 18px; border:0; }
.reading-list a { color:#222830; font-weight:600; }
.reading-list p { font-size:14px; }
.editor-note { color:#616a75; border-color:#e4e6e9; }
.site-footer { background:#f2f3f5; border-top:1px solid #e0e3e8; color:#333b46; padding-top:36px; }
.footer-identity { max-width:1240px; margin:0 auto 30px; padding:0 28px 28px; border-bottom:1px solid #dce0e6; display:flex; gap:32px; align-items:center; }
.footer-identity>a { font-size:22px; font-weight:700; color:#222830; }
.site-footer .footer-identity p { margin:0; color:#58616b; font-size:14px; }
.footer-identity span { margin-left:auto; font-size:12px; color:#616a75; }
.footer-grid { padding:0 28px; grid-template-columns:repeat(4,1fr); }
.site-footer h2 { color:#222830; font-size:14px; }
.site-footer a,.footer-links a { color:#58616b; }
.site-footer a:hover { color:#244ed8; }
.site-footer p { color:#616a75; }
.footer-links { border-color:#dce0e6; padding-top:24px; }
.footer-bottom { border-color:#dce0e6; padding-top:20px; margin-top:24px; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline-color:#244ed8; }
[id] { scroll-margin-top:105px; }
@media(max-width:1120px) { .nav-container { min-height:72px; } .nav-toggle { border-radius:4px; } .nav-menu { border-radius:6px; } .nav-menu>li:last-child>a { margin:8px 0 0; } .lead-shortcuts { width:210px; } .home-lead>p:last-of-type { max-width:550px; } .shipment-workspace { gap:24px; } }
@media(max-width:900px) { .main-wrapper { grid-template-columns:1fr; } .sidebar { border-left:0; padding-left:0; } .home-lead .home-statement { font-size:36px; } .lead-shortcuts { position:static; width:auto; margin-top:22px; display:flex; border:0; gap:28px; } .lead-shortcuts a { gap:24px; } .home-lead>p:last-of-type { max-width:640px; } .shipment-workspace { grid-template-columns:1fr; } .home-figure { grid-template-columns:150px 1fr; } .footer-identity { flex-wrap:wrap; gap:12px 24px; } .footer-identity span { margin:0; } }
@media(max-width:600px) { .nav-container,.main-wrapper,.site-header .container { padding-left:20px; padding-right:20px; } .nav-container { min-height:68px; } .logo-title { font-size:19px; } .logo-icon { width:34px; height:34px; } .home-lead { padding-top:28px!important; } .home-page .home-lead h1 { font-size:22px; } .home-lead .home-statement { font-size:32px; } .home-statement br { display:block; } .lead-shortcuts { display:grid; grid-template-columns:1fr; gap:0; margin-top:16px; } .lead-shortcuts a { padding:10px 0; } .shipment-workspace { padding-top:24px; gap:22px; } .transport-list { gap:10px; } .transport-list a { padding:14px; min-height:204px; } .transport-list strong { font-size:19px; } .transport-list small { font-size:10px; } .transport-arrow { display:none; } .home-page .weight-tool { padding:18px; } .weight-tool .fields { grid-template-columns:1fr 1fr; } .task-grid { grid-template-columns:1fr; gap:22px; } .task-grid article { padding:0; } .home-page .quote-comparison { display:block; margin:28px 0; } .quote-comparison .table-scroll { margin:20px 0; } .route-links { grid-template-columns:1fr 1fr; } .reading-list { grid-template-columns:1fr; gap:18px; } .reading-list li { border-bottom:1px solid #e4e6e9; } .footer-grid { grid-template-columns:1fr 1fr; padding:0 20px; gap:24px; } .footer-identity { padding:0 20px 24px; display:block; } .footer-identity p { padding:10px 0; } .site-header h1 { font-size:27px; } .main-content h2 { font-size:22px; } .home-page .shipment-workspace h2 { font-size:21px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }