/* MV_InstallButton (#370) — the in-app "Install app" / "Add to Home Screen"
   affordance. Rides on the shared `.btn` system; this file only adds the icon
   alignment and the iOS-hint modal copy. */

.install-button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xxs);
}

.install-button__icon {
  width: 1.05em;
  height: 1.05em;
  flex: 0 0 auto;
}

.install-button__label {
  white-space: nowrap;
}

/* On the welcome card the actions column stretches its children full-width
   (.welcome__actions is a stretch flex column) — keep the install button's
   contents centred there rather than left-hugging the icon. */
.welcome__actions .install-button {
  justify-content: center;
}

/* iOS "Add to Home Screen" hint modal body. */
.install-hint__lead {
  margin: 0 0 var(--space-sm);
  color: var(--color-text-muted);
  line-height: var(--line-height-loose);
}

.install-hint__steps {
  margin: 0;
  padding-left: var(--space-lg);
  /* Keep the native ordered-list numerals — a flex/grid display would suppress
     the markers, and the numbers are the whole point of a step-by-step guide. */
  list-style: decimal;
  line-height: var(--line-height-loose);
}

.install-hint__steps li {
  padding-left: var(--space-xxs);
}

.install-hint__steps li + li {
  margin-top: var(--space-xxs);
}