.shipping-tools-page { background: var(--bg, #f5f5f2); color: var(--ink, #171719); }
.shipping-hero { min-height: 390px; }
.shipping-tool-shell { padding-top: 76px; padding-bottom: 86px; border-bottom: 1px solid var(--line); }
.shipping-tool-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.65fr); align-items:end; gap:50px; margin-bottom:32px; }
.shipping-tool-heading h2 { margin:14px 0 0; font-size:clamp(45px,6.2vw,88px); line-height:.88; }
.shipping-tool-heading p,.shipping-share p { max-width:520px; margin:0; color:#77777e; font:13px/1.75 var(--mono); }
.shipping-calculator-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.75fr); gap:14px; align-items:stretch; }
.shipping-calculator-form,.shipping-result { padding:28px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.shipping-calculator-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.shipping-calculator-form label,.shipping-calculator-form legend { display:grid; gap:8px; color:#77777e; font:10px var(--mono); text-transform:uppercase; }
.shipping-calculator-form input,.shipping-calculator-form select { width:100%; min-height:46px; border:1px solid #d7d7d2; border-radius:7px; background:#fff; color:#171719; padding:0 12px; font:14px var(--body); }
.shipping-calculator-form fieldset { grid-column:1/-1; display:grid; gap:11px; min-width:0; margin:0; padding:15px; border:1px solid #deded9; border-radius:8px; }
.shipping-calculator-form fieldset small { color:#8d8d91; font:11px/1.6 var(--mono); text-transform:none; }
.shipping-dimensions { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.shipping-dimensions label { font-size:9px; }
.shipping-calculate-button { grid-column:1/-1; min-height:50px; border:0; cursor:pointer; }
.shipping-result { display:grid; align-content:start; gap:24px; background:#19191b; color:#f5f5f2; border-color:#19191b; }
.shipping-result-top { display:flex; justify-content:space-between; gap:15px; color:#a5a5aa; font:10px var(--mono); text-transform:uppercase; }
.shipping-result-top strong { color:#f12b3d; }
.shipping-result-price { display:grid; gap:8px; padding:24px 0; border-top:1px solid #343439; border-bottom:1px solid #343439; }
.shipping-result-price small,.shipping-result-breakdown span { color:#89898f; font:10px var(--mono); text-transform:uppercase; }
.shipping-result-price strong { color:#fff; font:clamp(40px,5vw,66px)/1 var(--display); }
.shipping-result-price span { color:#b7b7bb; font:11px var(--mono); }
.shipping-result-breakdown { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.shipping-result-breakdown div { display:grid; gap:7px; }
.shipping-result-breakdown strong { font-size:13px; line-height:1.3; }
.shipping-result p { margin:0; color:#b7b7bb; font:11px/1.7 var(--mono); }
.shipping-share-button { min-height:44px; border:1px solid #45454b; border-radius:7px; background:transparent; color:#fff; cursor:pointer; font:11px var(--mono); }
.shipping-share-button:hover { border-color:#f12b3d; color:#f12b3d; }
.shipping-share-status { min-height:18px; color:#f12b3d; font:10px var(--mono); }
.route-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.route-table { width:100%; min-width:720px; border-collapse:collapse; }
.route-table th,.route-table td { padding:17px 18px; border-bottom:1px solid var(--line); text-align:left; font:12px/1.5 var(--mono); }
.route-table thead th { color:#7a7a80; font-size:10px; text-transform:uppercase; background:#fafaf7; }
.route-table tbody tr:last-child th,.route-table tbody tr:last-child td { border-bottom:0; }
.route-table tbody th { color:#171719; font-weight:700; }
.route-table tbody td { color:#77777e; }
.shipping-footnote { margin:14px 0 0; color:#8c8c91; font:11px/1.6 var(--mono); }
.pitfall-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.pitfall-grid article { min-height:190px; padding:24px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.pitfall-grid article > span { color:#f12b3d; font:12px var(--mono); }
.pitfall-grid h3 { margin:44px 0 10px; font-size:22px; }
.pitfall-grid p { margin:0; color:#77777e; font:12px/1.7 var(--mono); }
.shipping-share { display:grid; grid-template-columns:1fr .7fr; gap:60px; align-items:end; padding-top:78px; padding-bottom:96px; }
.shipping-share h2 { margin:13px 0 0; font-size:clamp(46px,6vw,86px); line-height:.88; }
.shipping-share h2 em { color:#f12b3d; font-style:normal; }
.shipping-share > div:last-child { display:grid; gap:16px; }
.shipping-share .btn { justify-self:start; }
@media(max-width:900px){.shipping-tool-heading,.shipping-calculator-layout,.shipping-share{grid-template-columns:1fr}.shipping-tool-heading{gap:18px}.pitfall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shipping-share{gap:30px}}
@media(max-width:620px){.shipping-tool-shell{padding-top:54px;padding-bottom:62px}.shipping-calculator-form{grid-template-columns:1fr;padding:18px}.shipping-calculator-form fieldset,.shipping-calculate-button{grid-column:auto}.shipping-dimensions{grid-template-columns:1fr 1fr 1fr}.shipping-result{padding:20px}.shipping-result-breakdown{grid-template-columns:1fr}.pitfall-grid{grid-template-columns:1fr}.pitfall-grid article{min-height:0}.pitfall-grid h3{margin-top:24px}.shipping-share{padding-top:58px;padding-bottom:72px}.shipping-share .btn{width:100%}}