.preview-notice{padding:10px 20px;background:#fff6d8;color:#604700;font:14px/1.5 Roboto,sans-serif;text-align:center}
#route-preview .section{content-visibility:visible;contain-intrinsic-size:auto}
/* Route drafts: compact rhythm; colour alternation itself is assigned by route-preview.js. */
#route-preview .section{padding:64px 0}
#route-preview .hero-grid>*{min-width:0}
#route-preview .hero-calculator h2{font-size:clamp(24px,2.2vw,34px);line-height:1.15}
#route-preview .hero-request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#route-preview .hero-calc-wide{grid-column:auto}
#route-preview select{width:100%;min-width:0;height:56px;border:1px solid var(--line);border-radius:9px;padding:0 14px;background:#fff;color:var(--text);font:16px Roboto,sans-serif}
#route-preview .advisor-name{font-family:var(--head);font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.2;color:var(--navy);margin:12px 0 18px}
#route-preview .route-copy{max-width:1000px;margin:0 0 12px;font-size:18px;line-height:1.45;color:var(--muted)}
#route-preview .route-copy:last-of-type{margin-bottom:0}
/* A short visual separation is needed where generated copy leads directly into cards. */
#route-preview [data-screen-label="Маршрут"] .route-copy:last-of-type,#route-preview [data-screen-label="Грузы"] .route-copy:last-of-type{margin-bottom:24px}
#route-preview .grid+.route-copy{margin-top:24px}
#route-preview .hero-route-facts{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0;padding:0;list-style:none}
#route-preview .hero-route-facts li{padding:12px 16px;background:rgba(255,255,255,.94);color:var(--navy);font:700 15px/1.35 Roboto,sans-serif}
#route-preview .route-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#route-preview .route-links .fcard{min-width:0}
#route-preview .route-links h3{font-size:clamp(17px,1.4vw,22px);overflow-wrap:anywhere;line-height:1.3}
#route-preview .qa h3{font:inherit;margin:0}
#route-preview .qa h3 button{width:100%;text-align:left}
#route-preview .qa-a[hidden]{display:none!important}
#route-preview .qa-a:not([hidden]){display:block;max-height:none;opacity:1}
#route-preview .preview-form-status{color:var(--navy);margin-top:12px}
@media(max-width:900px){#route-preview .route-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#route-preview .hero-request-grid,#route-preview .route-links{grid-template-columns:1fr}#route-preview .route-links .fcard{padding:22px}#route-preview .route-copy{font-size:16px}#route-preview .hero h1{font-size:clamp(27px,7vw,40px);overflow-wrap:anywhere}}