/* ===== accounts: sign in, sign up, password reset, account settings (loaded on those pages) ===== */
.waa-signup__hp {position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden;}
.waa-auth__in {display: flex; flex-wrap: wrap; gap: 48px 72px; align-items: flex-start; padding-top: 64px; padding-bottom: 88px;}
.waa-auth__pitch {flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 22px; padding-top: 6px;}
.waa-auth__ctx {align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; background: var(--orange-bg); color: var(--orange-ink); padding: 10px 14px; font-size: 14px; font-weight: 600;}
.waa-auth__ctx .waa-i {width: 16px; height: 16px;}
.waa-auth__h1 {font-size: clamp(46px, 6.4vw, 92px); line-height: .86;}
.waa-auth__lede {margin: 0; max-width: 520px; font-size: 19px; line-height: 1.55; color: var(--ink-3);}
.waa-auth__perks {list-style: none; margin: 0; padding: 0; max-width: 520px; border-top: 2px solid var(--ink);}
.waa-auth__perks li {display: flex; gap: 16px; align-items: flex-start; padding: 15px 0; border-bottom: 1px solid var(--line);}
.waa-auth__perks li > span:first-child {flex: none; width: 32px; height: 32px; background: var(--orange); display: inline-flex; align-items: center; justify-content: center;}
.waa-auth__perks .waa-i {width: 16px; height: 16px;}
.waa-auth__perks li > span:last-child {display: flex; flex-direction: column; gap: 2px; font-size: 14px; color: var(--muted); line-height: 1.45;}
.waa-auth__perks strong {font-size: 16px; color: var(--ink);}
.waa-auth__note {color: var(--orange-ink); align-self: flex-start;}
.waa-auth__card {flex: 1 1 400px; max-width: 520px; min-width: 0; border: 2px solid var(--ink); box-shadow: 10px 10px 0 var(--ink); margin-right: 10px; background: #fff;}
.waa-auth__tabs {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 2px solid var(--ink);}
.waa-auth__tabs a {min-height: 60px; display: flex; align-items: center; justify-content: center; background: var(--sand); color: var(--ink-3); text-decoration: none; font-family: var(--display); font-weight: 700; font-size: 14px; letter-spacing: .1em; text-transform: uppercase;}
.waa-auth__tabs a[aria-current] {background: var(--ink); color: #fff !important; font-weight: 900;}
.waa-auth__tabs a:not([aria-current]):hover {background: #ECE9E3;}
.waa-auth__body {padding: 32px; display: flex; flex-direction: column; gap: 18px;}
.waa-auth__form {display: flex; flex-direction: column; gap: 16px;}
.waa-auth__field {display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700;}
.waa-auth__field input, .waa-auth__field select {min-height: 50px; padding: 0 14px; border: 2px solid var(--ink); border-radius: 0; background: #fff; font: inherit; font-size: 16px; font-weight: 400; color: var(--ink);}
.waa-auth__field input[aria-invalid="true"] {border-color: #B3261E;}
.waa-auth__pass {display: flex; border: 2px solid var(--ink);}
.waa-auth__pass input {flex: 1; min-width: 0; min-height: 46px; padding: 0 14px; border: 0; border-radius: 0; font: inherit; font-size: 16px;}
.waa-auth__pass input:focus {outline: 3px solid var(--orange); outline-offset: 0;}
.waa-auth__pass button {min-width: 64px; border: 0; border-left: 1px solid var(--line-2); background: var(--sand); font-size: 13px; font-weight: 700; color: var(--ink);}
.waa-auth__row {display: flex; justify-content: space-between; align-items: baseline; gap: 12px;}
.waa-auth__row a, .waa-auth__back {font-size: 13px; font-weight: 600; text-decoration: underline; text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: 3px; padding: 6px 0;}
.waa-auth__back {align-self: flex-start; font-size: 14px;}
.waa-auth__hint {font-size: 13px; font-weight: 400; color: var(--muted);}
.waa-auth__err {font-size: 13px; font-weight: 600; color: #B3261E;}
.waa-auth__alert {margin: 0; padding: 14px; background: #FBEAE8; color: #8C1D18; font-size: 14px; font-weight: 600; line-height: 1.45;}
.waa-auth__ok {margin: 0; padding: 14px; background: var(--orange-bg); font-size: 14px; line-height: 1.45;}
.waa-auth__optin {display: flex; gap: 12px; align-items: flex-start; padding: 14px; background: var(--orange-bg); font-size: 14px; line-height: 1.45; cursor: pointer;}
.waa-auth__optin--sub {background: none; padding: 0 14px; margin-top: -8px; color: var(--ink-3);}
.waa-auth__optin input, .waa-auth__check input {width: 20px; height: 20px; margin: 0; flex: none; accent-color: var(--ink);}
.waa-auth__check {display: flex; gap: 10px; align-items: center; font-size: 14px; cursor: pointer;}
.waa-auth__fine {margin: 0; font-size: 12px; line-height: 1.5; color: var(--muted);}
.waa-auth__fine--lg {font-size: 14px; color: var(--ink-3);}
.waa-auth__text {margin: 0; font-size: 15px; line-height: 1.5; color: var(--ink-3);}
.waa-auth__or {margin: 0; display: flex; align-items: center; gap: 14px; color: var(--muted); font-size: 13px; font-weight: 600;}
.waa-auth__or::before, .waa-auth__or::after {content: ""; flex: 1; height: 1px; background: var(--line);}
.waa-btn--danger {background: #B3261E; color: #fff !important;}
.waa-btn--danger:hover {background: #8C1D18;}
.waa-acct__hero {gap: 16px; padding-bottom: 28px;}
.waa-acct__backlink {font-size: 14px; font-weight: 600; text-decoration: none;}
.waa-acct__layout {display: flex; flex-wrap: wrap; gap: 40px 56px; align-items: flex-start; padding-bottom: 72px;}
.waa-acct__nav {flex: 1 1 200px; display: flex; flex-direction: column; border-top: 2px solid var(--ink);}
.waa-acct__nav a {padding: 14px 0; border-bottom: 1px solid var(--line); font-family: var(--display); font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; text-decoration: none;}
.waa-acct__main {flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 48px; max-width: 760px;}
.waa-acct__sec {display: flex; flex-direction: column; gap: 18px; padding-top: 20px; border-top: 2px solid var(--ink); scroll-margin-top: 24px;}
.waa-acct__form {display: flex; flex-direction: column; gap: 16px; align-items: stretch;}
.waa-acct__form > .waa-btn {align-self: flex-start;}
.waa-acct__grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}
.waa-acct__fs {margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: 12px;}
.waa-acct__fs legend {padding: 0; margin-bottom: 12px; font-size: 13px; font-weight: 700;}
.waa-acct__chips {display: flex; flex-wrap: wrap; gap: 8px;}
.waa-acct__chip {position: relative; cursor: pointer;}
.waa-acct__chip input {position: absolute; opacity: 0; width: 1px; height: 1px;}
.waa-acct__chip span {min-height: 40px; display: inline-flex; align-items: center; padding: 0 14px; border: 1px solid var(--line-2); font-size: 14px; font-weight: 500;}
.waa-acct__chip input:checked + span {background: var(--ink); border-color: var(--ink); color: #fff; font-weight: 600;}
.waa-acct__chip input:focus-visible + span {outline: 3px solid var(--orange); outline-offset: 2px;}
.waa-acct__row {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 20px; padding: 14px 0; border-top: 1px solid var(--line);}
.waa-acct__row > span, .waa-acct__toggle > span, .waa-acct__danger summary {display: flex; flex-direction: column; gap: 2px; font-size: 15px;}
.waa-acct__toggle {display: flex; gap: 14px; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid var(--line); cursor: pointer;}
.waa-acct__toggle input {width: 22px; height: 22px; margin: 2px 0 0; flex: none; accent-color: var(--ink);}
.waa-acct__btns {display: flex; flex-wrap: wrap; gap: 10px;}
.waa-acct__notes {list-style: none; margin: 0; padding: 0;}
.waa-acct__notes li {display: flex; flex-direction: column; gap: 4px; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 15px; line-height: 1.45;}
.waa-acct__notes a {font-weight: 700;}
.waa-acct__danger {border-top: 1px solid var(--line); padding-top: 14px;}
.waa-acct__danger summary {cursor: pointer; list-style: none;}
.waa-acct__danger summary::-webkit-details-marker {display: none;}
.waa-acct__danger summary strong {color: #B3261E;}
.waa-acct__danger form {margin-top: 16px;}
@media (max-width: 720px) {
  .waa-auth__in {padding-top: 36px;}
  .waa-auth__body {padding: 24px 20px;}
  .waa-auth__card {box-shadow: 6px 6px 0 var(--ink); margin-right: 6px; order: -1;}
  .waa-auth__in {gap: 40px;}
  .waa-acct__grid {grid-template-columns: minmax(0, 1fr);}
  .waa-acct__nav {flex-direction: row; flex-wrap: wrap; gap: 0 18px; border-top: 0;}
  .waa-acct__nav a {border-bottom: 0; padding: 10px 0;}
}

/* Google sign-in button (Nextend Social Login), styled to match */
.waa-auth__social .nsl-container, .waa-auth__social .nsl-container-buttons { display: block !important; padding: 0 !important; }
.waa-auth__social .nsl-container-buttons a { display: block !important; width: 100%; margin: 0 !important; text-decoration: none !important; }
.waa-auth__social .nsl-button { display: flex !important; align-items: center; justify-content: center; gap: 12px; width: 100% !important; max-width: none !important; min-height: 52px; border: 1px solid var(--line-2) !important; border-radius: 0 !important; box-shadow: none !important; background: #fff !important; }
.waa-auth__social .nsl-button:hover { border-color: var(--ink) !important; }
.waa-auth__social .nsl-button-svg-container { display: flex !important; padding: 0 !important; }
.waa-auth__social .nsl-button-label-container { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; font: 600 15px var(--body) !important; color: var(--ink) !important; letter-spacing: 0; text-transform: none; }
.waa-auth__social .nsl-button-label-container b { font-weight: 600; }
