/* Three delivery sections; shared site typography, no nested card grids. */
.delivery-page [id] { scroll-margin-top: 140px; }
.delivery-header { display: grid; gap: 12px; }
.delivery-intro { display: grid; grid-template-columns: minmax(0,250px) minmax(0,1fr); align-items: center; gap: 20px; }
.delivery-intro__text { display: grid; gap: 14px; min-width: 0; }
.delivery-page .delivery-photo { display: block; width: 100%; height: auto; }
.delivery-header .category-page__quickRoutes { display: flex; flex-wrap: wrap; gap: 8px 18px; }
body.page-delivery .delivery-header .category-page__quickLink { width: auto; min-height: 0; padding: 2px 0; border: 0; background: transparent; text-decoration: underline; text-underline-offset: 3px; }
.delivery-title { text-align: center; margin: 0; padding: 10px 14px; background: #003964; color: #fff; font: 700 26px/1.2 Arial,sans-serif; }
body.page-delivery .delivery-page { gap: 22px; }
.delivery-page a { color: #003964; }
.delivery-page .delivery-text { margin: 0; color: #30495f; font: 400 14px/1.6 Arial,sans-serif; }
.delivery-page .delivery-caption { margin: 0; color: #53697b; font: 400 13px/1.55 Arial,sans-serif; }
.delivery-methods { margin: 0; }
.delivery-methods > div { display: grid; grid-template-columns: 156px minmax(0,1fr); gap: 16px; padding: 12px 0; border-top: 1px solid #e1e8ee; }
.delivery-methods > div:last-child { border-bottom: 1px solid #e1e8ee; }
.delivery-methods dt { color: #003964; font: 700 14px/1.5 Arial,sans-serif; }
.delivery-methods dd { margin: 0; color: #30495f; font: 400 13px/1.6 Arial,sans-serif; }
.delivery-methods__links { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 6px; }
.delivery-request { padding: 14px 16px; background: #f0f5fa; }
.delivery-request p { margin: 0 0 12px; color: #30495f; font: 400 14px/1.6 Arial,sans-serif; }
.delivery-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
.delivery-actions a { font: 700 13px/1.5 Arial,sans-serif; }
.delivery-page .delivery-button { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 8px 14px; box-sizing: border-box; background: #003964; color: #fff; text-decoration: none; }
.delivery-page .delivery-button:hover { background: #075381; }
.delivery-calculator, .delivery-details { border-bottom: 1px solid #d6e2ec; }
.delivery-calculator > summary, .delivery-details > summary { padding: 13px 0; color: #003964; font: 700 14px/1.5 Arial,sans-serif; cursor: pointer; }
.delivery-calculator__body { min-width: 0; padding: 0 0 14px; }
.delivery-calculator__intro, .delivery-calculator__status { margin: 0 0 12px; color: #435b70; font: 400 13px/1.55 Arial,sans-serif; }
.delivery-widgetViewport { position: relative; width: 100%; max-width: 332px; height: 560px; margin: 0 auto; overflow: hidden; }
.delivery-widgetViewport[hidden], .delivery-calculator__status[hidden] { display: none; }
.delivery-calculator iframe { position: absolute; top: 0; left: 50%; margin-left: -166px; width: 332px; height: 560px; border: 0; background: #fff; transform: scale(var(--delivery-widget-scale,1)); transform-origin: top center; }
.delivery-calculator iframe:not([hidden]) { display: block; }
.delivery-calculatorFallback { margin: 10px 0; font: 400 13px/1.5 Arial,sans-serif; }
.delivery-details > div { padding: 0 0 14px; color: #30495f; font: 400 13px/1.6 Arial,sans-serif; }
.delivery-details p { margin: 0 0 10px; }
.delivery-details p:last-child { margin-bottom: 0; }
.delivery-page :is(a,button,summary):focus-visible { outline: 2px solid #003964; outline-offset: 3px; }
@media(max-width:600px) {
  .delivery-intro { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .delivery-page .delivery-photo { max-width: 360px; margin: 0 auto; }
  .delivery-title { font-size: 24px; }
  .delivery-methods > div { grid-template-columns: minmax(0,1fr); gap: 4px; }
  .delivery-request { padding: 12px; }
}

/* Keep essential freight and receiving information visible without extra cards. */
.delivery-page .delivery-cargoNotes,
.delivery-page .delivery-receivingSteps { margin: 0; padding-left: 20px; color: #30495f; font: 400 14px/1.6 Arial,sans-serif; }
.delivery-page .delivery-cargoNotes li + li,
.delivery-page .delivery-receivingSteps li + li { margin-top: 9px; }
.delivery-page .delivery-subtitle { margin: 0 0 10px; color: #003964; font: 700 15px/1.5 Arial,sans-serif; }
.delivery-help > .delivery-details { margin-top: 12px; }