/* Reuse the working account-entry header rules on every account page. */
@media (max-width: 760px) {
  .IFAccountPage .IFAccountHeader { gap: 12px !important; }
  .IFAccountPage .IFAccountBrandRow { min-width: 0; flex: 1 1 auto; display: flex; align-items: center; }
  .IFAccountPage .IFHeaderAccount { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; padding: 10px 12px !important; font-size: .86rem !important; }
}
@media (max-width: 480px) {
  .IFAccountPage .IFBrandHousemark { width: 44px !important; height: 44px !important; flex: 0 0 44px !important; background: url('/assets/homeopati-tree-white-d0415688-180.png') center / contain no-repeat !important; }
  .IFAccountPage .IFBrandCopy strong { font-size: clamp(1rem, 4.1vw, 1.15rem) !important; letter-spacing: .12em !important; }
}
/* Long Swedish words and links must remain inside their text columns. */
.IFAccountPage .IFAccountMain h1 { overflow-wrap: anywhere; hyphens: auto; }
.IFAccountPage .IFAccountMain p,
.IFAccountPage .IFAccountMain li { overflow-wrap: anywhere; }
.IFAccountPage .IFAccountMain a { hyphens: none; }

/* Put field instructions below their label on small screens. */
@media (max-width: 760px) {
  .IFAccountPage .IFFormField > span { grid-column: 1 / -1; min-width: 0; overflow-wrap: anywhere; }
}