/* Customer pages use the existing store colors, fonts and buttons. */
.account-wrap { max-width: 820px; margin-inline: auto; }
.account-panel { padding: clamp(1.25rem,4vw,2.5rem); margin-top: 1.5rem; }
.account-form { display: grid; gap: 1.1rem; }
.account-form label,.account-item label { display: grid; gap: .4rem; font-weight: 700; }
.account-form input,.account-item input { width: 100%; padding: .85rem; border: 1px solid #70777c; border-radius: 6px; background: #fff; color: #182027; font: inherit; }
.account-form input:focus-visible,.account-item input:focus-visible { outline: 3px solid #649837; outline-offset: 3px; }
.account-form button { justify-self: start; }
.account-links { display: flex; flex-wrap: wrap; gap: 1rem; margin-block: 1.4rem; }
.account-links a { text-decoration: underline; text-underline-offset: 4px; }
.account-status { min-height: 1.8em; margin-block: 1rem; font-weight: 700; }
.account-item { border-block-end: 1px solid #70777c; padding-block: 1.5rem; overflow-wrap: anywhere; }
.account-item h2 { font-size: 1.3rem; }
.account-item label { max-width: 140px; margin-block: 1rem; }
.account-help { line-height: 1.65; }
[hidden] { display: none !important; }
button:disabled { opacity: .6; cursor: wait; }
@media (max-width: 760px) {
  .brand-header__row { gap: 8px; }
  .brand-header__row > .btn { padding: 10px 12px; }
  .brand-primary img { width: 68px; height: 66px; }
  .brand-other { max-width: 64px; padding-left: 6px; }
  .brand-other img { width: 38px; height: 38px; }
  .brand-other > span { font-size: .6rem; }
}