/* Settings sections flow in reading order without equal-height grid rows. */
#v-settings .scroll {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}
#v-settings .scroll > .pagehead,
#v-settings .scroll > .card {
  flex: none;
  min-width: 0;
  width: 100%;
  height: auto !important;
  box-sizing: border-box;
  margin: 0 !important;
}
#v-settings .scroll > .pagehead {
  min-height: 0;
  padding-bottom: 8px;
}
#v-settings .account-security-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#v-settings .account-security-actions > button {
  flex: 1 1 180px;
  min-width: 0;
}
@media (max-width: 600px) {
  #v-settings .account-security-actions > button { flex-basis: 100%; }
}