/* Profile + Settings on phones (library2-20261012). The page's own CSS is injected by its chunk at run time, so these
   rules carry an extra `html body` to win regardless of order.
   - Section headings: the icon sat in a column of its own and squeezed every description and the memory count into
     a strip beside it. Now the icon sits beside the title and the text below gets the full width.
   - The hero's actions are equal columns that can never push one off the card (the Settings button used to, in
     Arabic, when the old Usage button made three). */
@media (max-width: 639px) {
  html body .kv-app-shell .kvps .kvps-section__label { grid-template-columns: 36px minmax(0, 1fr); column-gap: 12px; row-gap: 6px; align-items: center; justify-items: stretch; }
  html body .kv-app-shell .kvps .kvps-section__icon { grid-row: auto; margin: 0; }
  html body .kv-app-shell .kvps .kvps-section__label > h2 { margin: 0; min-width: 0; }
  html body .kv-app-shell .kvps .kvps-section__label > p,
  html body .kv-app-shell .kvps .kvps-section__label > .kvps-count { grid-column: 1 / -1; margin: 0; }
  html body .kv-app-shell .kvps .kvps-hero__actions { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 10px; }
  html body .kv-app-shell .kvps .kvps-hero__actions .kvps-btn { min-width: 0; padding-inline: 12px; }
  html body .kv-app-shell .kvps .kvps-hero__actions .kvps-btn > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  /* a long email ends in "…" instead of breaking mid-word */
  html body .kv-app-shell .kvps .kvps-hero__who > p { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; unicode-bidi: plaintext; }
}