/* Local Services and Trucks pages: homepage editorial palette and rhythm. */
#main.services-trucks{color:#173f56;background:#fff}
#main.services-trucks .services-intro,#main.services-trucks .truck-intro{background:#e9f0f4;padding:145px 0 76px}
#main.services-trucks .services-intro-grid,#main.services-trucks .truck-intro-grid{grid-template-columns:minmax(0,1.05fr) minmax(390px,.8fr);align-items:center;gap:clamp(45px,7vw,100px);padding-bottom:0}
#main.services-trucks .services-intro h1,#main.services-trucks .truck-intro h1{font-size:clamp(52px,6.1vw,84px);line-height:.98;letter-spacing:-.055em;max-width:10ch;color:#173f56;margin:24px 0}
#main.services-trucks .services-intro p,#main.services-trucks .truck-intro p{color:#344b5b;line-height:1.55;max-width:40ch}
#main.services-trucks .eyebrow{color:#176795}
#main.services-trucks .services-quick,#main.services-trucks .truck-intro-aside{border:0;background:#fff;border-radius:20px;padding:clamp(26px,3vw,36px);box-shadow:0 20px 65px rgba(31,67,88,.13)}
#main.services-trucks .services-quick h2{font-size:clamp(26px,2.6vw,34px);line-height:1.1;letter-spacing:-.04em;color:#173f56}
#main.services-trucks .services-quick nav{column-gap:24px}
#main.services-trucks .services-quick a{border-color:#c8d5dc;color:#173f56}
#main.services-trucks .services-quick a:hover{color:#176795}
#main.services-trucks .truck-intro-aside strong{color:#173f56}
#main.services-trucks .truck-intro-aside p{max-width:none}
#main.services-trucks .section{padding-top:clamp(70px,8vw,112px);padding-bottom:clamp(70px,8vw,112px)}
#main.services-trucks .section.alt{background:#f8f9f7}
#main.services-trucks .section-head,#main.services-trucks .truck-section-head{text-align:left;margin-left:0;max-width:700px}
#main.services-trucks .section-head h2,#main.services-trucks .truck-section-head h2{font-size:clamp(36px,4vw,56px);line-height:1.02;letter-spacing:-.045em;color:#173f56}
#main.services-trucks .section-head p,#main.services-trucks .truck-section-head p{color:#344b5b;line-height:1.6}
/* Directory echoes the home's two-column, ruled service list. */
#main.services-trucks .card-grid:has(.service-card){gap:0 32px;border:0}
#main.services-trucks .service-card,#main.services-trucks .service-card:nth-child(even){display:block;padding:26px 0 30px;border:0;border-top:1px solid #c8d5dc;background:none;box-shadow:none;border-radius:0}
#main.services-trucks .service-card:before{display:block;color:#176795;padding:0;margin-bottom:12px}
#main.services-trucks .service-card h3{font-size:22px;color:#173f56}
#main.services-trucks .service-card p,#main.services-trucks .service-planning p{color:#344b5b}
#main.services-trucks .service-card .service-detail{color:#4a6271}
#main.services-trucks .service-planning article{border-color:#c8d5dc}
/* Homepage's dark process chapter, adapted to the existing three steps. */
#main.services-page .section:has(.service-process){background:#163c53;color:#fff}
#main.services-page .section:has(.service-process) h2,#main.services-page .section:has(.service-process) h3,#main.services-page .section:has(.service-process) .eyebrow{color:#fff}
#main.services-page .section:has(.service-process) p{color:#d3e2e8}
#main.services-page .service-process .step{background:transparent;border:0;border-top:1px solid rgba(255,255,255,.3);border-radius:0;box-shadow:none;backdrop-filter:none;padding:24px 0}
#main.services-page .service-process .step-num{background:#dcebf0;color:#173f56}
#main.services-trucks .truck-card{background:#fff;border:1px solid #d5e1e7;border-radius:20px;box-shadow:0 12px 40px rgba(31,67,88,.08);padding:26px}
#main.services-trucks .truck-card .price-img{background:#e9f0f4;border-radius:12px}
#main.services-trucks .truck-card .price-name{color:#173f56}
#main.services-trucks .truck-card .price-suit,#main.services-trucks .truck-card .price-value,#main.services-trucks .truck-card .price-features{border-color:#d5e1e7}
#main.services-trucks .truck-help{border-color:#c8d5dc;color:#344b5b}
#main.services-trucks .truck-factor,#main.services-trucks .truck-step{border-color:#c8d5dc}
#main.services-trucks .truck-factor h3,#main.services-trucks .truck-step h3{color:#173f56;font-size:22px}
#main.services-trucks .truck-step:before{color:#176795}
#main.services-trucks a:focus-visible,#main.services-trucks summary:focus-visible{outline:3px solid #176795;outline-offset:3px}
#main.services-trucks #truck-sizes{scroll-margin-top:100px}
@media(max-width:800px){
 #main.services-trucks .services-intro,#main.services-trucks .truck-intro{padding:125px 0 48px}
 #main.services-trucks .services-intro-grid,#main.services-trucks .truck-intro-grid{grid-template-columns:1fr;gap:30px}
 #main.services-trucks .services-intro h1,#main.services-trucks .truck-intro h1{font-size:clamp(45px,9vw,65px);max-width:11ch}
}
@media(max-width:767px){
 #main.services-trucks .card-grid:has(.service-card){grid-template-columns:1fr;gap:0}
 #main.services-trucks .service-process{gap:8px}
}
@media(max-width:480px){
 #main.services-trucks .services-intro,#main.services-trucks .truck-intro{padding-top:112px}
 #main.services-trucks .services-intro h1,#main.services-trucks .truck-intro h1{font-size:clamp(42px,11vw,52px)}
 #main.services-trucks .services-intro p,#main.services-trucks .truck-intro p{font-size:16px;line-height:1.5}
 #main.services-trucks .services-quick nav{grid-template-columns:1fr}
 #main.services-trucks .service-card,#main.services-trucks .service-card:nth-child(even){padding:22px 0}
}