/* Guide and feature pages (e.g. /truck-dispatch-software/): a reading layout on top of /landing.css
   (same colors, fonts, header, footer and dark mode). No JavaScript needed. */
.guide{padding-block:40px 72px}
.guide .wrap{max-width:780px}
@media (max-width:620px){.guide .wrap,.guide-cta .wrap{padding-inline:16px}}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:.9rem;color:var(--muted)}
.crumbs li+li::before{content:"›";margin-right:8px}
.crumbs a{color:var(--muted);font-weight:500}
.guide .eyebrow{color:var(--orange-deep);margin-top:22px}
.guide h1{font-size:clamp(2rem,5vw,2.9rem);margin-top:10px;overflow-wrap:anywhere}
.guide .lede{font-size:1.15rem;color:var(--muted);margin-top:14px}
.guide .es-line{font-size:.92rem;margin-top:10px}
.guide h2{font-size:clamp(1.35rem,3vw,1.6rem);margin-top:40px}
.guide h3{font-size:1.12rem;margin-top:22px}
.guide p,.guide li{font-size:1.05rem}
.guide h2+p,.guide h3+p,.guide p+p,.guide p+ul,.guide p+ol,.guide ul+p,.guide ol+p{margin-top:10px}
.guide ul,.guide ol{padding-left:1.3em;margin:10px 0 0;display:grid;gap:8px}
.guide a{color:var(--orange-deep);font-weight:600}
.guide .note{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:var(--r);padding:14px 16px;margin-top:18px;font-size:.98rem}
.guide .soon{display:inline-block;background:var(--orange-soft);color:var(--ink);border-radius:6px;padding:0 6px;font-size:.82rem;font-weight:700;white-space:nowrap}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.guide .ctas a.btn{color:#fff;text-decoration:none}
.guide .ctas a.btn-ghost{color:var(--ink)}
@media (max-width:480px){.ctas .btn{flex:1 1 100%}}
.faq h3{font-size:1.08rem}
.related{margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}
.related ul{list-style:none;padding:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.guide-cta{background:var(--road);color:var(--on-road);padding-block:44px}
.guide-cta .wrap{max-width:780px}
.guide-cta h2{font-size:clamp(1.4rem,3.4vw,1.9rem)}
.guide-cta p{color:var(--on-road-muted);margin-top:10px}
.guide-cta a:not(.btn){color:var(--on-road)}
.guide-cta .btn-ghost{color:var(--on-road)}

/* footer guides + social rows */
footer .ft-more{display:flex;flex-direction:column;gap:4px;padding-top:0;margin-top:-8px}
footer .ft-more nav{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;font-size:.92rem}
footer .ft-more b{font-weight:700;margin-right:4px}
footer .wrap.ft-more{align-items:flex-start;justify-content:flex-start;text-align:left}footer .wrap.ft-more nav{justify-content:flex-start;width:100%}
.guide-cta .note{background:transparent;border-color:rgba(255,255,255,.22);color:var(--on-road-muted)}
