/* Kept after the component stylesheet so responsive declarations always win. */
.hp{left:auto!important;right:auto!important;top:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
@media (max-width:1100px){
  .ms-nav{gap:.9rem}.ms-head-actions .ms-link-button{display:none}.ms-hero-copy{width:52vw}.tracking-console{width:42vw}
  .service-grid{grid-template-columns:repeat(2,1fr)}.ms-section-head{grid-template-columns:1fr .8fr}
  .journey-ledger{grid-template-columns:1fr;gap:2rem}.ledger-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
  .ledger-flow article{display:block;min-height:0;border-top:1px solid #527075;padding-top:1rem}.ledger-flow article>i,.ledger-flow article>span{display:none}
  .control-story{grid-template-columns:1fr}.control-image{min-height:550px}.network-board{grid-template-columns:1fr}.network-map{min-height:460px}
  .business-band{grid-template-columns:1fr}.ms-footer-grid{grid-template-columns:1.5fr repeat(3,.7fr);gap:2rem}
  .form-grid.four{grid-template-columns:repeat(2,1fr)}.service-features{grid-template-columns:1fr;gap:2rem}
  .dev-layout{grid-template-columns:160px 1fr}.dev-code{display:none}.capability-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .ms-utility{display:none}.ms-header{height:76px;padding:0 1rem;gap:.8rem}.ms-menu{display:block;margin-inline-start:auto}
  .ms-nav{display:none;position:absolute;z-index:60;top:76px;right:0;left:0;flex-direction:column;align-items:stretch;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem}
  .ms-nav.open{display:flex}.ms-nav a{border-bottom:1px solid var(--line);padding:.7rem}.ms-head-actions{display:none}
  .ms-hero{height:auto;min-height:780px}.ms-hero-overlay{background:linear-gradient(180deg,rgba(5,20,26,.15),rgba(5,20,26,.95) 58%)}
  .ms-hero-copy{position:absolute;top:auto;bottom:300px;right:1.2rem;left:1.2rem;width:auto}.ms-hero h1{font-size:clamp(2.8rem,12vw,4.7rem)}
  .tracking-console{right:1rem;left:1rem;bottom:1rem;width:auto}.hero-waypoint{display:none}
  .ms-pulse{grid-template-columns:1fr 1fr;gap:1rem}.ms-pulse>i{display:none}
  .ms-section{padding:5rem 1rem}.ms-section-head{grid-template-columns:1fr;gap:1.2rem}.service-grid{grid-template-columns:1fr}
  .journey-ledger{padding:5rem 1rem}.ledger-flow{grid-template-columns:1fr}.ledger-flow article{padding:1rem}
  .control-story{display:block}.control-image{min-height:420px}.control-copy{padding:4rem 1.2rem}.network-map{min-height:370px}
  .business-band{padding:5rem 1rem}.api-card{min-width:0}.api-card pre{min-height:230px;padding:1.2rem;font-size:.7rem}
  .guide-grid{grid-template-columns:1fr}.ms-footer{padding:5rem 1rem 1.3rem}.ms-footer-grid{grid-template-columns:1fr 1fr}.ms-footer-intro{grid-column:1/-1}
  .page-hero,.page-hero.pickup-hero,.page-hero.guides-hero{grid-template-columns:1fr;gap:2rem}
  .page-hero.pickup-hero>img,.page-hero.guides-hero>img{min-height:360px}
  .form-shell,.shipment-form-shell,.quote-result-shell{grid-template-columns:1fr;padding:3rem .8rem 6rem}.form-aside,.order-summary{position:static}
  .track-hero{grid-template-columns:1fr;gap:2rem}.tracking-overview{grid-template-columns:1fr 1fr}.tracking-overview>i{display:none}
  .private-shipment-head{align-items:start;flex-direction:column}.private-shipment-grid{grid-template-columns:1fr}.shipment-side{position:static}
  .service-catalog>article,.hub-detail,.editorial-page>header{grid-template-columns:1fr}.service-catalog>article:nth-child(even) .catalog-image{order:0}
  .catalog-image{min-height:360px}.service-features>div:last-child{grid-template-columns:1fr}.service-facts{grid-template-columns:1fr 1fr}
  .hubs-layout{grid-template-columns:1fr;padding:3rem 1rem 6rem}.hubs-filter{position:static}.hub-operations{grid-template-columns:1fr;gap:3rem;padding:5rem 1rem}
  .editorial-body,.plain-page-grid{grid-template-columns:1fr;gap:2rem}.editorial-body aside{position:static}
  .business-hero,.integration-path,.dev-hero{grid-template-columns:1fr;gap:3rem;padding:5rem 1rem}
  .dev-layout{grid-template-columns:1fr;padding:3rem 1rem 6rem}.dev-layout>nav{position:static;display:grid;grid-template-columns:1fr 1fr}
  .contact-slab{grid-template-columns:1fr}.shipment-head-actions{flex-wrap:wrap}
}
@media (max-width:540px){
  body{font-size:15px}.ms-brand>span:last-child{font-size:1.2rem}.ms-mark{width:36px;height:36px}
  .ms-section h2,.journey-ledger h2,.control-story h2,.business-band h2{font-size:2.45rem}
  .ms-pulse{padding:1.4rem .6rem}.ms-pulse b{font-size:1.5rem}.tracking-console{padding:1rem}.tracking-console form{grid-template-columns:1fr 48px}
  .form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.volume-readout{align-items:flex-start;flex-direction:column}.volume-readout span{margin:0}
  .ms-form>footer{align-items:stretch;flex-direction:column}.ms-form>footer .ms-primary-button{width:100%}
  .result-hero{align-items:flex-start;flex-direction:column}.result-total{border-right:0;border-top:1px solid #547176;padding:1rem 0 0}
  .weight-compare{grid-template-columns:1fr}.weight-compare i{display:none}.tracking-result>header{flex-direction:column}.tracking-result>header>div:last-child{text-align:right}
  .tracking-overview{grid-template-columns:1fr}.event-timeline{padding:1rem}.event-timeline article{grid-template-columns:65px 15px 1fr;gap:.6rem}
  .party-grid{grid-template-columns:1fr}.party-grid article+article{border-right:0;border-top:1px solid var(--line);padding:1rem 0 0}
  .shipping-label{padding:.7rem}.label-route{grid-template-columns:1fr 35px 1fr}.label-route b{font-size:1.2rem}.shipping-label>footer{grid-template-columns:1fr 1fr}
  .catalog-copy{padding:3rem 1rem}.catalog-copy dl{grid-template-columns:1fr}.catalog-actions{align-items:flex-start;flex-direction:column}
  .service-facts,.hubs-grid,.capability-grid,.ms-footer-grid{grid-template-columns:1fr}.ms-footer-intro{grid-column:auto}.ms-footer-bottom{flex-direction:column;gap:.5rem}
}