/* Shared learning scope and next-action cards. */
.vehicle-switch { display:inline-grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:330px; gap:4px; max-width:100%; padding:4px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.vehicle-switch a { display:flex; align-items:center; justify-content:center; gap:8px; min-height:var(--control-height); padding:10px 16px; border-radius:var(--radius-control); color:var(--muted); font-weight:600; text-decoration:none; white-space:normal; }
.vehicle-switch a[aria-current] { color:var(--accent-strong); background:var(--soft); box-shadow:inset 0 0 0 1px var(--line); }
.next-task { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:20px; padding:24px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.next-task-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:var(--radius-control); color:var(--accent-strong); background:var(--soft); }
.next-task-icon .ui-icon { width:24px; height:24px; }
.next-task h2 { margin:4px 0 8px; font-size:24px; line-height:1.4; }
.next-task p { margin:0; color:var(--muted); line-height:1.7; }
.next-task .task-eyebrow { color:var(--accent-strong); font-size:13px; font-weight:650; }
.next-task .button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; white-space:normal; }
@media(max-width:700px) {
  .next-task { grid-template-columns:36px minmax(0,1fr); gap:12px; padding:20px; }
  .next-task-icon { width:36px; height:36px; }
  .next-task h2 { font-size:21px; }
  .next-task>.button { grid-column:1/-1; width:100%; }
  .vehicle-switch { width:100%; }
  .vehicle-switch a { padding-inline:12px; }
}