/* Uses the app's neutral surfaces and existing type scale. Colour only marks the route and lunch. */
.drive-roads { font-size: 13px; line-height: 1.45; color: var(--text2); margin: 0 0 6px; }
.drive-roads strong { color: var(--text); font-weight: 600; margin-right: 4px; }
.drive-lunch { margin: 10px 0; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; font-size: 13px; line-height: 1.45; }
.drive-lunch p { margin: 4px 0 0; }
.drive-lunch a, .drive-stops a { color: var(--text); text-underline-offset: 3px; }
.drive-key { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12px; color: var(--text2); margin: 8px 0; }
.drive-key span { display: inline-flex; align-items: center; gap: 6px; }
.drive-key i { display: inline-block; width: 18px; height: 4px; border-radius: 2px; }
.drive-stops { margin: 8px 0; padding-left: 22px; font-size: 13px; line-height: 1.45; }
.drive-stop { margin: 0 0 7px; }
.drive-stop strong { font-weight: 600; }
.drive-stop p { margin: 2px 0 0; color: var(--text2); }
.drive-stop.stop-poi strong { font-weight: 500; }
.drive-tag { font-size: 11px; color: var(--text3); white-space: nowrap; }
.drive-card .walk-links { flex-wrap: wrap; }