/* /setup welcome, wording E + graphic 3 (staged 2026-10-01). Uses the page's card tokens; nothing else is restyled. */
#setup-welcome { padding: 1.75rem 1.5rem 1.5rem; }
#setup-welcome[hidden], #setup-welcome.hidden { display: none !important; }
#setup-welcome .welcome-grid { display: grid; grid-template-columns: minmax(0, 1fr) 11.5rem; gap: 1.5rem; align-items: center; }
#setup-welcome .welcome-art { margin: 0; display: flex; align-items: center; justify-content: center; }
#setup-welcome .welcome-art img { display: block; width: 100%; max-width: 11.5rem; height: auto; }
#setup-welcome h1 { margin: 0 0 0.85rem; }
#setup-welcome p { margin: 0 0 0.9rem; max-width: 38rem; }
#setup-welcome .welcome-body { font-size: 1.08rem; }
#setup-welcome .welcome-time, #setup-welcome .welcome-help { color: var(--muted); }
#setup-welcome .welcome-actions { margin: 1.25rem 0 0.75rem; }
#setup-welcome .welcome-small { font-size: 0.9rem; color: var(--muted); margin: 0; }
#setup-welcome .btn:focus-visible, #setup-welcome a:focus-visible, #wizard-shell h1:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
#wizard-shell h1:focus { outline: none; }
#wizard-shell h1:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
@media (max-width: 760px) {
  #setup-welcome { padding: 1.4rem 1.15rem 1.25rem; }
  #setup-welcome .welcome-grid { grid-template-columns: 1fr; gap: 0.75rem; }
  #setup-welcome .welcome-art { order: -1; }
  #setup-welcome .welcome-art img { max-width: 8.5rem; }
  #setup-welcome .btn { width: 100%; text-align: center; }
}