/* Docvelio CBM freight calculator: mobile-first, keyboard accessible. */
.cargo-hero{background:linear-gradient(125deg,#edf7ff,#f7fbff 60%,#eafcf6);padding:clamp(31px,4.5vw,69px) 0 35px;border-bottom:1px solid #d9e6f3}
.cargo-hero h1{font-size:clamp(2rem,4.1vw,3.35rem);margin:8px 0;letter-spacing:-.04em;color:#14395c}
.cargo-hero p{font-size:1.06rem;line-height:1.73;color:#506b83;max-width:78ch}
.cargo-crumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.86rem;color:#59748c}.cargo-crumb a{color:#135caf;text-decoration:none}
.cargo-layout{padding:24px 0 50px;background:#f8fbff}
.cargo-panel{background:white;border:1px solid #dbe6f2;border-radius:17px;padding:clamp(16px,2.3vw,28px);box-shadow:0 13px 32px #1137630c;margin:0 0 21px}
.cargo-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.cargo-heading h2{font-size:1.25rem;color:#173b62;line-height:1.32;margin:0}
.cargo-heading p{font-size:.9rem;margin:0;color:#536d82}
.cargo-table-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #e0eaf5;border-radius:12px}
.cargo-table{width:100%;border-collapse:collapse;min-width:795px;font-size:.86rem}
.cargo-table th{padding:11px 8px;white-space:nowrap;text-align:start;color:#315575;background:#f1f7ff;font-weight:750}
.cargo-table td{padding:9px 6px;border-top:1px solid #e9f0f8}
.cargo-table input,.cargo-table select,.cargo-options input,.cargo-options select{width:100%;min-width:0;border:1px solid #c9dcea;background:white;color:#1a3c61;border-radius:9px;min-height:43px;padding:8px 9px;font-size:.87rem}
.cargo-table input[data-field=name]{min-width:126px}
.cargo-table input[type=number]{min-width:75px}
.cargo-table select{min-width:77px}
.cargo-table label{display:block}
.cargo-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:16px}
.cargo-btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid #bfd5ea;border-radius:10px;background:#ecf5ff;color:#125aa8;padding:9px 14px;min-height:43px;font-weight:750;font-size:.9rem;cursor:pointer}
.cargo-btn:hover{background:#dbefff}
.cargo-btn.primary{border-color:#115fc5;background:#1165d3;color:#fff}
.cargo-btn.primary:hover{background:#0b55bb}
.cargo-btn.danger{background:white;color:#b3444b;border-color:#f1cbd2}
.cargo-btn:disabled{opacity:.45;cursor:not-allowed}
.cargo-options{display:grid;grid-template-columns:repeat(2,minmax(0,250px));gap:12px;margin-top:20px}
.cargo-options label{display:flex;flex-direction:column;gap:5px;font-size:.85rem;color:#365c78;font-weight:680}
.cargo-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cargo-kpi{border:1px solid #dce8f5;border-radius:13px;background:#f8fbff;padding:17px;min-width:0}
.cargo-kpi small{display:block;font-size:.78rem;color:#53718c;margin-bottom:6px}
.cargo-kpi strong{display:block;font-size:clamp(1.18rem,2.1vw,1.55rem);line-height:1.3;color:#14599e;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cargo-containers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.cargo-container{min-width:0;background:#f6faff;border:1px solid #dce9f5;border-radius:13px;padding:17px}
.cargo-container h3{font-size:1.05rem;color:#1b4f7d;margin:0 0 11px}
.cargo-container p{font-size:.84rem;line-height:1.55;margin:7px 0;color:#48627d}
.cargo-container small{font-size:.74rem;color:#687e95;line-height:1.6}
.cargo-container progress{width:100%;height:12px;accent-color:#198db7}
.cargo-note{padding:12px 15px;margin:16px 0 0;border:1px solid #c7dfef;border-radius:11px;background:#f1f8ff;color:#315c78;font-size:.89rem;line-height:1.65}
#cargo-notice[data-error=true]{border-color:#f0babf;background:#fff6f6;color:#a23949}
.cargo-seo{padding:26px 0 52px;background:white}
.cargo-copy{max-width:970px}
.cargo-copy h2{color:#163b60;font-size:clamp(1.3rem,2.5vw,1.75rem);margin:26px 0 9px;scroll-margin-top:100px}
.cargo-copy h3{font-size:1.1rem;color:#315779;margin:18px 0 7px}
.cargo-copy p,.cargo-copy li{color:#425e79;line-height:1.83;font-size:.98rem}
.cargo-copy ol{padding-inline-start:23px}
.cargo-copy li{margin-bottom:8px}
.cargo-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.cargo-links a{display:block;padding:17px 15px;background:#f6faff;border:1px solid #dce9f6;border-radius:12px;color:#1b5b99;text-decoration:none;font-weight:720;font-size:.9rem}
.cargo-links a:hover{border-color:#82b5e8;background:#eef7ff}
.cargo-discovery{padding:27px 0;background:linear-gradient(135deg,#f0f7ff,#ebfbfa)}
.cargo-discovery h2{color:#16426b;font-size:1.45rem;margin:0}
.cargo-discovery p{color:#53718d}
.cargo-quick-link{font-weight:780;color:#0d62b4}
.cargo-kpi,:where(.cargo-container,.cargo-table) {font-variant-numeric:tabular-nums}
@media(max-width:980px){.cargo-kpis,.cargo-containers,.cargo-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:610px){.cargo-kpis,.cargo-containers,.cargo-links,.cargo-options{grid-template-columns:1fr}.cargo-options{max-width:none}
 .cargo-table{min-width:760px}.cargo-heading{align-items:start}.cargo-panel{padding:14px}
 .cargo-kpi{padding:14px}.cargo-hero{padding:29px 0}.cargo-layout{padding:16px 0}
 .cargo-actions .cargo-btn{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){.cargo-btn,.cargo-links a{transition:none}}
@media print{.cargo-actions,.cargo-table-wrap .cargo-btn{display:none!important}.cargo-panel{box-shadow:none}}