/* Visual audit fixes, 2026-10-26. Preserve the existing composition. */

/* Keep each heading word intact; retain the existing display tracking. */
main h1,main h2,main h3{overflow-wrap:normal;word-break:normal}
.motion-heading .motion-mask>span{overflow-wrap:normal;word-break:normal;white-space:nowrap}
.useCases .splitHeading h2{font-size:clamp(31px,4.1vw,66px)}
.route-current-counter,.case-metric,.case-row .row-no{font-family:var(--display)}
.contactField input,.contactField textarea{font-family:var(--sans)}

/* Text outside the SVG stays readable at the actual screen size. */
.route-map text,.route-map .map-participants,.route-map .map-resolution{display:none}
.route-map-legend{display:none;gap:6px;flex-wrap:wrap;margin:4px 0 8px}
.route-map-legend span{font:400 12px/1.5 var(--sans);color:var(--paper);padding:3px 8px;border:1px solid var(--line);border-radius:4px}
.route-visual[data-step="3"] .route-map-legend,.route-visual[data-step="4"] .route-map-legend{display:flex}
.route-map-key{display:block;font:400 11px/1.5 var(--mono);color:var(--muted);margin:4px 0 10px}
.route-visual figcaption{margin-top:8px}

/* Use the same compact condition as the existing layout and scroll code. */
@media(max-width:900px),(hover:none) and (pointer:coarse) and (orientation:portrait){
 .route-visual-column{display:contents}
 .route-visual-column .route-visual{position:sticky;top:var(--nav-height);padding:12px 0 15px;transform:none!important;will-change:auto}
 .route-visual-column .route-visual svg{height:135px;max-height:none;margin:0}
 .route-visual-column .route-current-counter{font-size:44px}
 .route-map-legend{grid-column:1/-1;grid-row:2;margin:8px 0 0}
 .route-map-key{grid-column:1/-1;grid-row:3;margin:6px 0 0}
 .route-stages{grid-row:4}
 .note-page .layout{grid-template-columns:minmax(0,1fr);gap:40px}
 .note-page .contents{position:relative;top:auto;max-height:none;overflow:visible}
 .note-page .contents a{font-size:14px}
 .contact .contactBody{gap:24px}
 .contact .contactIntro{grid-column:1;grid-row:1}
 .contact .contactForm{grid-column:1;grid-row:2}
 .contact .contactExtras{grid-column:1;grid-row:3}
 .contactIntro>p{margin-bottom:0}
}
.contactExtras>.textLink{font-size:14px;line-height:1.55;gap:12px;padding:0 0 13px;max-width:100%}
.contactExtras>.textLink .arrow{flex-shrink:0}
.contents a[aria-current]{color:#2169b0}

@media print{.route-map-key,.route-map-legend{display:none}}
.contact h2{max-width:none}