/* Two preparation guides: measure the shipment and check acceptance conditions. */
html:root body#top.cargo-prep-page.guide-page main#main-content :is(#measure,#volume,#weight,#not-accepted,#by-agreement,#check-cargo,#ovCalc) { scroll-margin-top:96px; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-learning { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:32px 64px; align-items:start; margin-top:32px; }
html:root body#top.cargo-prep-page.guide-page main#main-content :is(.prep-measure,.prep-weight) { min-width:0; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-weight { grid-column:1; padding-top:24px; border-top:1px solid var(--ui-line); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-weight > p { margin:0 0 12px!important; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-steps { margin:0; padding:0; list-style:none; counter-reset:measure; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-steps li { position:relative; counter-increment:measure; padding:16px 0 16px 44px; border-bottom:1px solid var(--ui-line); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-steps li::before { content:counter(measure,decimal-leading-zero); position:absolute; left:0; top:18px; color:var(--ui-muted); font:400 21px/1.3 var(--ui-font-display); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-steps h3 { margin:0 0 8px!important; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-steps p { margin:0!important; font-size:15px!important; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-pallet { margin:20px 0 0!important; padding-left:16px; border-left:2px solid var(--ui-line); font-size:14px!important; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-example { min-width:0; grid-column:2; grid-row:1/span 2; padding:28px; border:1px solid var(--ui-line); border-radius:4px; background:var(--ui-page)!important; box-shadow:0 12px 28px rgba(0,0,0,.045); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-example h2 { font-size:23px!important; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-box-diagram { display:block; width:100%; max-width:360px; height:auto; margin:8px auto 16px; color:var(--ui-ink); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-formulas { margin:0; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-formulas > div { padding:16px 0; border-top:1px solid var(--ui-line); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-formulas dt { color:var(--ui-muted); font:400 14px/1.6 var(--ui-font); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-formulas dd { margin:8px 0 0; color:var(--ui-ink); font-variant-numeric:tabular-nums; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-formulas dd span { display:block; margin-bottom:8px; font:400 16px/1.5 var(--ui-font); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-formulas strong { display:block; font:400 30px/1.3 var(--ui-font-display); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-example > p { margin:8px 0 0!important; font-size:14px!important; }
html:root body#top.cargo-prep-page.guide-page main#main-content :is(.prep-cost,.prep-agreement) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 64px; margin-top:32px; }
html:root body#top.cargo-prep-page.guide-page main#main-content :is(.prep-cost,.prep-agreement) > section { min-width:0; padding-top:24px; border-top:1px solid var(--ui-line); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-list { margin:0 0 16px; padding-left:20px; color:var(--ui-muted); font:400 15px/1.65 var(--ui-font); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-list li { padding-left:4px; margin:0 0 10px; }
html:root body#top.cargo-prep-page.guide-page main#main-content :is(.prep-list,.prep-cost,.prep-policy-note) a { color:var(--ui-ink)!important; text-decoration:underline; text-underline-offset:4px; text-decoration-color:var(--ui-line); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-request { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:28px 64px; margin-top:36px; padding-top:28px; border-top:1px solid var(--ui-line); align-items:start; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-request > div { min-width:0; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-form { padding:24px; border:1px solid var(--ui-line); border-radius:4px; background:var(--ui-page)!important; box-shadow:0 10px 28px rgba(0,0,0,.045); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-excluded { margin-top:32px; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-exclusions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 64px; margin:0; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-exclusions > div { min-width:0; padding:24px 0; border-top:1px solid var(--ui-line); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-exclusions dt { color:var(--ui-ink); font:600 20px/1.4 var(--ui-font); letter-spacing:-.02em; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-exclusions dd { margin:12px 0 0; color:var(--ui-muted); font:400 15px/1.65 var(--ui-font); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-policy-note { margin-top:28px; padding:24px 0; border-block:1px solid var(--ui-line); }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-policy-note h2 { font-size:20px!important; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-policy-note > p { margin:0!important; font-size:14px!important; max-width:100ch; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-contact { display:flex; align-items:center; justify-content:space-between; gap:24px 48px; margin-top:28px; }
html:root body#top.cargo-prep-page.guide-page main#main-content .prep-contact p { margin:0!important; max-width:65ch; }
@media (max-width:1000px) {
 html:root body#top.cargo-prep-page.guide-page main#main-content :is(.prep-learning,.prep-cost,.prep-agreement,.prep-request) { gap:24px 32px; }
 html:root body#top.cargo-prep-page.guide-page main#main-content .prep-request { grid-template-columns:minmax(0,1fr); }
 html:root body#top.cargo-prep-page.guide-page main#main-content .prep-exclusions { column-gap:32px; }
 html:root body#top.cargo-prep-page.guide-page main#main-content .prep-example { padding:20px; }
}
@media (max-width:700px) {
 html:root body#top.cargo-prep-page.guide-page main#main-content :is(.prep-learning,.prep-cost,.prep-agreement,.prep-exclusions) { grid-template-columns:minmax(0,1fr); }
 html:root body#top.cargo-prep-page.guide-page main#main-content :is(.prep-example,.prep-weight) { grid-column:1; grid-row:auto; }
 html:root body#top.cargo-prep-page.guide-page main#main-content .prep-form { padding:20px 16px; }
 html:root body#top.cargo-prep-page.guide-page main#main-content .prep-contact { display:block; }
 html:root body#top.cargo-prep-page.guide-page main#main-content .prep-contact > a { margin-top:20px; }
}
