/* Astronominal — account, checkout and policy surfaces. */
.account-page {
  --account-ink: #090e18;
  --account-surface: #101722;
  --account-ivory: #f2eee5;
  --account-gold: #c4a777;
  --account-teal: #8faeaa;
  --account-muted: #aaaeb4;
  --account-line: rgba(242,238,229,.13);
  --cyan: var(--account-gold);
  --text: var(--account-ivory);
  --text-2: #cbc9c3;
  --muted: var(--account-muted);
  background: var(--account-ink);
  color: var(--account-ivory);
  font-family: Inter, sans-serif;
}
.account-page a:focus-visible,
.account-page button:focus-visible,
.account-page input:focus-visible,
.account-page select:focus-visible { outline: 2px solid var(--account-gold); outline-offset: 4px; }
.account-page button:disabled { opacity: .55; cursor: wait; transform: none; }
.auth-eyebrow { font: 500 12px/1.6 Inter, sans-serif; letter-spacing: .14em; color: var(--account-gold); }
.account-page .btn-primary {
  background: var(--account-gold); color: #141924; box-shadow: none;
  border: 1px solid var(--account-gold); font-family: Inter, sans-serif;
}
.account-page .btn-primary:hover { background: #d1b889; box-shadow: none; }

/* Account access */
body.auth-page { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; min-height: 100svh; overflow-x: hidden; }
.auth-page .login-left {
  display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;
  min-height: 100svh; padding: 24px clamp(28px, 4.5vw, 82px); border-right: 1px solid var(--account-line);
  background: radial-gradient(ellipse at 50% 35%, rgba(143,174,170,.07), transparent 65%), #0d131e;
}
.auth-brand { display: flex; align-items: center; gap: 11px; font: 500 21px/1.3 Georgia, serif; letter-spacing: -.015em; }
.auth-brand svg, .auth-mobile-brand svg { width: 31px; height: 31px; color: var(--account-gold); }
.auth-page .login-left-content { width: 100%; max-width: 490px; margin: 24px auto 20px; text-align: left; }
.auth-editorial-title { margin: 14px 0 0; font: 400 clamp(36px, 3.1vw, 50px)/1.1 Georgia, serif; letter-spacing: -.035em; color: var(--account-ivory); }
.auth-editorial-title em { font-weight: 400; color: var(--account-gold); }
.auth-page .login-orrery-canvas-wrap {
  width: min(196px, 20svh); margin: 16px auto 32px; border: 0; background: transparent; overflow: visible;
}
.auth-page #loginOrreryCanvas { filter: saturate(.2); opacity: .9; }
.auth-orbit-label { position: absolute; bottom: -26px; left: -20%; right: -20%; text-align: center; font: 500 12px/1.6 Inter, sans-serif; letter-spacing: .12em; color: #a1a7ae; }
.auth-editorial-copy { max-width: 440px; color: var(--account-muted); font-size: 16px; line-height: 1.6; margin: 0 0 16px; }
.auth-page .login-features { gap: 0; }
.auth-page .login-feature { border-radius: 0; border: 0; border-top: 1px solid var(--account-line); padding: 9px 0; gap: 18px; background: transparent; align-items: flex-start; }
.feature-number { font: 400 14px/1.8 Georgia, serif; color: var(--account-gold); }
.auth-page .login-feature .text { font-size: 14px; line-height: 1.55; color: #aaaeb4; }
.auth-page .login-feature .text strong { font: 500 16px/1.5 Inter, sans-serif; color: #d7d5ce; margin-bottom: 3px; }
.auth-panel-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-top: 17px; border-top: 1px solid var(--account-line); font: 400 12px/1.6 Inter, sans-serif; letter-spacing: .07em; color: #9aa2ad; }
.auth-page .login-right { min-height: 100svh; padding: 28px clamp(28px, 5vw, 88px); overflow: visible; }
.auth-page .login-form-wrap { width: 100%; max-width: 480px; }
.auth-mobile-brand { display: none; align-items: center; gap: 11px; color: var(--account-ivory); font: 500 23px Georgia, serif; }
.auth-page .login-header-link { width: fit-content; margin-bottom: 24px; font: 400 14px/1.5 Inter, sans-serif; color: #aab1bb; }
.auth-page .login-header-link:hover { color: var(--account-ivory); }
.auth-form-eyebrow { margin-bottom: 12px; }
.auth-page .login-form-title { font: 400 44px/1.15 Georgia, serif; letter-spacing: -.025em; margin-bottom: 12px; }
.auth-page .login-form-sub { font: 400 16px/1.6 Inter, sans-serif; color: var(--account-muted); margin-bottom: 22px; }
.auth-page .auth-tabs { gap: 0; padding: 0; border: 0; border-bottom: 1px solid var(--account-line); background: transparent; border-radius: 0; margin-bottom: 20px; }
.auth-page .auth-tab { height: 50px; background: transparent; border: 0; border-radius: 0; font: 500 16px Inter, sans-serif; color: #a0a7b0; }
.auth-page .auth-tab.active { border: 0; border-bottom: 2px solid var(--account-gold); background: transparent; color: var(--account-ivory); }
.auth-page .auth-tab:hover { color: var(--account-ivory); }
.auth-page .form-field { margin-bottom: 16px; gap: 8px; min-width: 0; }
.auth-page .form-field label { font: 500 16px/1.5 Inter, sans-serif; color: #d0d1cf; }
.auth-page .form-field input,
.auth-page .form-field select {
  height: 54px; min-height: 54px; background: #111923 !important; color: var(--account-ivory) !important;
  border: 1px solid rgba(242,238,229,.16) !important; border-radius: 5px;
  font: 400 16px Inter, sans-serif; padding: 0 14px;
}
.auth-page .form-field input::placeholder { color: #909aa7; }
.auth-page .form-field input:focus,
.auth-page .form-field select:focus { border-color: var(--account-gold) !important; box-shadow: 0 0 0 3px rgba(196,167,119,.1) !important; }
.auth-page .form-field input[type=date], .auth-page .form-field input[type=time] { color-scheme: dark; min-width: 0; }
.auth-page .form-row-2col { gap: 15px; }
.auth-page .form-field select option { background: #101722; color: var(--account-ivory); }
.auth-page .login-form-wrap .btn { height: 54px !important; min-height: 54px; font-size: 16px !important; font-weight: 600; border-radius: 5px; margin-top: 7px !important; }
.auth-page #linkForgotPassword, .auth-page #forgotForm > div:last-child a { font-size: 14px !important; line-height: 1.6; }
.auth-page .login-terms { color: #a6adb7; font: 400 13px/1.65 Inter, sans-serif; margin: 20px 0 0; }
.auth-page .login-terms a { color: #c4b28f; text-decoration: underline; text-decoration-color: rgba(196,178,143,.3); text-underline-offset: 3px; }
.auth-page .auth-alert { padding: 14px 16px; border-radius: 5px; font: 400 14px/1.65 Inter, sans-serif; }
.auth-page .auth-alert.error { color: #edb1ac; border: 1px solid rgba(237,177,172,.3); background: rgba(237,177,172,.06); }
.auth-page .auth-alert.success { color: #b2d0c8; border: 1px solid rgba(143,174,170,.3); background: rgba(143,174,170,.08); }
.auth-page .city-autocomplete-dropdown { background: #151e29 !important; border-color: var(--account-line) !important; box-shadow: 0 12px 26px rgba(0,0,0,.25) !important; border-radius: 5px !important; font-family: Inter, sans-serif !important; }
.auth-page .city-autocomplete-dropdown > div { font-size: 14px !important; line-height: 1.6; }
.auth-page .city-autocomplete-dropdown .city-autocomplete-item { font-size: 16px !important; min-height: 48px; }
.auth-page .city-autocomplete-item span:last-child { min-width: 0; overflow-wrap: anywhere; }

/* Checkout */
body.payment-page { display: block; min-height: 100vh; background: var(--account-ink); }
.payment-page .checkout-nav { max-width: 1280px; height: 86px; padding: 0 36px; border-color: var(--account-line); }
.payment-page .checkout-logo { color: var(--account-ivory); font: 500 23px/1.2 Georgia, serif; gap: 11px; }
.checkout-brand-mark { display: inline-flex; width: 31px; height: 31px; color: var(--account-gold); }
.checkout-brand-mark svg { width: 100%; height: 100%; }
.payment-page .checkout-logo .badge { font: 500 12px Inter, sans-serif; letter-spacing: .07em; color: #a7afa9; border: 1px solid rgba(143,174,170,.24); background: rgba(143,174,170,.06); padding: 6px 8px; }
.payment-page .checkout-badge-security { font: 400 14px/1.5 Inter, sans-serif; color: #aab3be; }
.payment-page .checkout-badge-security svg { fill: var(--account-teal); }
.checkout-breadcrumb { display: flex; max-width: 1208px; padding: 27px 0 0; margin: 0 auto; gap: 12px; font: 400 14px/1.6 Inter, sans-serif; color: #a5aeba; }
.checkout-breadcrumb a { color: #c5c5be; }
.payment-page .checkout-container { max-width: 1280px; padding: 0 36px; margin: 20px auto 48px; grid-template-columns: minmax(280px,.78fr) minmax(0,1.22fr); gap: 40px; }
.payment-page .checkout-summary-card { grid-column: 1; grid-row: 1; position: static; padding: 8px 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; gap: 18px; }
.payment-page .checkout-tagline { color: var(--account-gold); font: 500 12px/1.5 Inter, sans-serif; letter-spacing: .1em; margin-bottom: 18px; }
.checkout-small-orbit { display: none; }
.payment-page .checkout-title { color: var(--account-ivory); font: 400 clamp(34px,3.2vw,47px)/1.12 Georgia, serif; letter-spacing: -.027em; margin-bottom: 20px; }
.payment-page .checkout-desc { color: #b2b9c1; font: 400 16px/1.75 Inter, sans-serif; margin-bottom: 18px; }
.payment-page .checkout-summary-card > div:first-child > a { color: var(--account-gold) !important; font: 500 14px/1.7 Inter, sans-serif !important; text-decoration: underline !important; text-underline-offset: 4px; }
.payment-page .summary-plan-box { border-radius: 6px; border: 1px solid var(--account-line); background: #101722; padding: 23px; }
.payment-page .summary-eyebrow { color: var(--account-teal); font: 500 12px/1.6 Inter, sans-serif; letter-spacing: .1em; margin-bottom: 10px; }
.payment-page .summary-plan-title { color: var(--account-ivory); font: 400 23px/1.35 Georgia, serif; margin-bottom: 19px; }
.payment-page .summary-price-box { border-top: 1px solid var(--account-line); padding-top: 19px; }
.payment-page .summary-price { font: 400 35px/1.2 Georgia, serif; color: var(--account-ivory); }
.payment-page .summary-price .period { font: 400 16px/1.4 Inter, sans-serif; }
.payment-page .summary-price-note { color: #b0b8c0; font: 400 14px/1.7 Inter, sans-serif; margin-top: 8px; }
.payment-page .summary-features { gap: 14px; }
.checkout-inclusions { border-block: 1px solid var(--account-line); }
.checkout-inclusions > summary { padding: 12px 0; color: var(--account-ivory); font: 500 16px/1.5 Inter, sans-serif; cursor: pointer; }
.checkout-inclusions > summary:focus-visible { outline: 2px solid var(--account-gold); outline-offset: 3px; }
.checkout-inclusions[open] { padding-bottom: 16px; }
.payment-page .checkout-inclusions .checkout-desc { margin: 8px 0 18px; }
.payment-page .feature-item { font: 400 16px/1.7 Inter, sans-serif; color: #c6c8c7; gap: 13px; }
.payment-page .feature-item .check { color: var(--account-teal); font-size: 16px; line-height: 1.7; }
.payment-page .summary-guarantee-badge { padding: 14px 0; background: transparent; border: 0; border-top: 1px solid var(--account-line); border-bottom: 1px solid var(--account-line); border-radius: 0; color: #b0c4be; font: 400 14px/1.7 Inter, sans-serif; gap: 12px; }
.checkout-trust-mark { font-size: 16px; }
.payment-page .summary-footer-block { border: 0; padding: 0; gap: 14px; }
.payment-page .summary-links { gap: 14px; font: 400 14px/1.6 Inter, sans-serif; }
.payment-page .summary-links a { color: #a9adb1; text-underline-offset: 3px; }
.payment-page .summary-legal-note { font: 400 12px/1.8 Inter, sans-serif; color: #a3adba; }
.payment-page .checkout-form-panel { grid-column: 2; grid-row: 1; background: #111722; border: 1px solid var(--account-line); border-radius: 8px; padding: 8px; box-shadow: none; transition: none; }
.payment-panel-heading { padding: 25px 26px 28px; }
.payment-panel-heading h2 { font: 400 28px/1.2 Georgia, serif; color: var(--account-ivory); margin: 9px 0 12px; }
.payment-panel-heading p { font: 400 14px/1.7 Inter, sans-serif; color: #aeb6c0; }
.payment-page .whop-embed-card { border-radius: 5px; background: #111722; transition: none; }
.payment-page #whopCheckoutIframe { border-radius: 5px; background: #111722; }
.payment-page .whop-loader { border-radius: 5px; background: #111722; font: 400 16px/1.7 Inter, sans-serif; color: #bbb4a4; justify-content: flex-start; padding-top: 90px; }
.payment-page .whop-loader .spinner { width: 25px; height: 25px; border: 2px solid rgba(196,167,119,.16); border-top-color: var(--account-gold); }
.payment-page .whop-embed-card:has(.whop-loader > div:not(.spinner)) { min-height: 320px; height: 320px; }
.payment-page .whop-embed-card:has(.whop-loader > div:not(.spinner)) #whopCheckoutIframe { display: none; }
.payment-page .whop-loader:has(> div:not(.spinner)) { justify-content: center; padding: 24px; line-height: 1.8; }
.payment-page .whop-loader > div:not(.spinner) { color: #c6cec9 !important; font: 400 16px/1.8 Inter, sans-serif; }
.payment-page .whop-loader a { color: var(--account-gold) !important; font: 500 16px/1.6 Inter, sans-serif; }
.payment-page #checkoutSuccessOverlay { background: #101e23 !important; border-radius: 5px; }
.checkout-complete-mark { color: var(--account-teal); font: 400 48px Georgia, serif; margin-bottom: 25px; }
.payment-page #checkoutSuccessOverlay h2 { color: var(--account-ivory) !important; font: 400 34px Georgia, serif !important; }
.payment-page #checkoutSuccessOverlay p { color: #b2bbb9 !important; font: 400 16px/1.8 Inter, sans-serif !important; }
.payment-page #checkoutSuccessOverlay > div:last-child { color: var(--account-teal) !important; font: 400 14px/1.5 Inter, sans-serif !important; background: transparent !important; border-color: rgba(143,174,170,.25) !important; }

/* Policy library */
body.policy-page { display: block; background: var(--account-ink); }
.policy-page .site-header { background: var(--account-ink); backdrop-filter: none; border-color: var(--account-line); }
.policy-page .brand { color: var(--account-ivory); font: 500 24px/1.2 Georgia, serif; }
.policy-page .brand-icon { width: 30px; height: 30px; color: var(--account-gold); }
.policy-page .header-actions .btn { min-height: 44px; height: 44px; font: 500 16px Inter, sans-serif; padding: 0 16px; }
.policy-intro { max-width: 1180px; padding: 118px 30px 28px; margin: 0 auto; border-bottom: 1px solid var(--account-line); }
.policy-intro > p { font: 400 18px/1.5 Georgia, serif; color: #bcbcb7; margin-top: 12px; }
.policy-page .legal-container { max-width: 1180px; margin: 0 auto; padding: 32px 30px 64px; display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 58px; align-items: start; }
.policy-aside { position: sticky; top: 118px; display: grid; gap: 32px; }
.policy-switcher { display: flex; flex-direction: column; border: 1px solid var(--account-line); border-radius: 5px; overflow: hidden; }
.policy-switcher a { padding: 14px 17px; font: 400 16px/1.6 Inter, sans-serif; color: #b9bec1; border-bottom: 1px solid var(--account-line); }
.policy-switcher a:last-child { border: 0; }
.policy-switcher a[aria-current=page] { background: rgba(196,167,119,.1); color: var(--account-gold); box-shadow: inset 2px 0 var(--account-gold); }
.policy-switcher a:hover { background: rgba(242,238,229,.035); }
.policy-contents { display: grid; gap: 14px; }
.policy-contents > span, .policy-help > span { color: #b5a284; font: 500 12px/1.7 Inter, sans-serif; letter-spacing: .1em; }
.policy-contents a { color: #adb5be; font: 400 14px/1.7 Inter, sans-serif; }
.policy-contents a:hover { color: var(--account-ivory); }
.policy-help { border-top: 1px solid var(--account-line); padding-top: 22px; }
.policy-help p { color: #a8b1bb; font: 400 14px/1.8 Inter, sans-serif; margin: 13px 0; }
.policy-help a { color: var(--account-gold); font: 500 14px/1.5 Inter, sans-serif; }
.policy-page .legal-card { padding: clamp(28px,4vw,54px); border: 0; border-radius: 6px; background: #f2eee5; color: #25303b; backdrop-filter: none; box-shadow: 0 15px 45px rgba(0,0,0,.12); }
.policy-page .legal-card h1 { color: #192332; font: 400 43px/1.15 Georgia, serif; letter-spacing: -.025em; margin-bottom: 16px; }
.policy-page .legal-card h2 { color: #27323d; font: 400 22px/1.45 Georgia, serif; margin: 32px 0 12px; scroll-margin-top: 0; }
.policy-page .legal-card p, .policy-page .legal-card li { color: #505862; font: 400 16px/1.8 Inter, sans-serif; margin-bottom: 16px; }
.policy-page .legal-card h1 + p { color: #727770 !important; font: 400 13px/1.7 Inter, sans-serif !important; padding-bottom: 26px; margin-bottom: 28px !important; border-bottom: 1px solid rgba(25,35,50,.14); }
.policy-page .legal-card ul { padding-left: 18px; }
.policy-page .legal-card li { padding-left: 5px; }
.policy-page .legal-card strong { font-weight: 600; color: #35404b !important; }
.policy-page .legal-card a { color: #6c5634 !important; text-decoration: underline; text-underline-offset: 3px; }
.policy-page .policy-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 32px clamp(24px,5vw,72px); border-top: 1px solid var(--account-line); background: transparent; }
.policy-footer .brand { font-size: 19px; gap: 9px; }
.policy-footer .brand svg { width: 25px; height: 25px; color: var(--account-gold); }
.policy-footer p { font: 400 13px/1.5 Inter, sans-serif; color: #a6afba; }
.policy-footer nav { display: flex; gap: 23px; font: 400 14px/1.6 Inter, sans-serif; }
.policy-footer nav a { color: #adb1b4; }

@media (max-width: 1100px) {
  .auth-page .login-left { padding: 24px 32px; }
  .auth-panel-footer { font-size: 12px; }
  .payment-page .checkout-container { gap: 34px; }
  .checkout-breadcrumb { padding-inline: 36px; }
  .policy-page .legal-container { gap: 32px; grid-template-columns: 185px minmax(0,1fr); }
}
@media (min-width: 901px) and (max-height: 720px) {
  .auth-page .login-orrery-canvas-wrap { display: none; }
  .auth-page .login-left-content { margin-block: 20px; }
  .auth-editorial-copy { margin-top: 18px; }
}
@media (max-width: 900px) {
  body.auth-page { display: block; }
  .auth-page .login-left { display: none; }
  .auth-page .login-right { min-height: 100svh; padding: 24px 28px; }
  .auth-mobile-brand { display: flex; margin-bottom: 18px; }
  .auth-page .login-header-link { margin-bottom: 18px; }
  .auth-page .login-form-wrap { max-width: 430px; }
  .auth-page .login-form-title { font-size: 40px; }
  .payment-page .checkout-nav { padding: 0 24px; height: 76px; }
  .payment-page .checkout-container { grid-template-columns: minmax(0,1fr); gap: 28px; max-width: 650px; padding: 0 24px; margin-top: 21px; }
  .payment-page .checkout-summary-card { grid-column: 1; grid-row: 1; position: static; gap: 14px; }
  .payment-page .checkout-form-panel { grid-column: 1; grid-row: 2; }
  .payment-page .checkout-title { font-size: 38px; max-width: 480px; }
  .checkout-breadcrumb { max-width: 650px; padding-inline: 24px; }
  .payment-page .checkout-badge-security { font-size: 14px; }
  .policy-intro { padding: 96px 24px 22px; }
  .policy-page .site-header { height: 72px !important; padding-inline: 24px !important; }
  .policy-page .header-actions { display: flex !important; }
  .policy-page .brand { font-size: 23px !important; }
  .policy-page .legal-container { padding: 22px 24px 50px; grid-template-columns: 1fr; gap: 22px; }
  .policy-aside { position: static; }
  .policy-switcher { flex-direction: row; }
  .policy-switcher a { flex: 1; text-align: center; border: 0; border-right: 1px solid var(--account-line); padding: 13px 8px; font-size: 16px; }
  .policy-switcher a[aria-current=page] { box-shadow: inset 0 -2px var(--account-gold); }
  .policy-contents, .policy-help { display: none; }
  .policy-page .policy-footer { flex-wrap: wrap; }
  .policy-footer nav { width: 100%; border-top: 1px solid var(--account-line); padding-top: 20px; }
}
@media (max-width: 480px) {
  .auth-page .login-right { padding: 22px; }
  .auth-page .auth-mobile-brand, .auth-page .login-header-link { margin-bottom: 14px; }
  .auth-page .auth-form-eyebrow { margin-bottom: 8px; }
  .auth-page .auth-tabs { margin-bottom: 16px; }
  .auth-page .login-form-title { font-size: 37px; }
  .auth-page .login-form-sub { font-size: 16px; margin-bottom: 14px; }
  .auth-page .form-row-2col { grid-template-columns: 1fr; gap: 0; }
  .auth-page .form-field { margin-bottom: 14px; }
  .auth-page .login-terms { margin-top: 14px; }
  .auth-page .auth-alert { font-size: 14px; }
  .payment-page .checkout-nav { height: auto; min-height: 94px; padding: 17px 20px; flex-wrap: wrap; gap: 10px; }
  .payment-page .checkout-logo { font-size: 21px; }
  .payment-page .checkout-logo .badge { display: none; }
  .payment-page .checkout-badge-security { font-size: 12px; max-width: none; flex-basis: 100%; line-height: 1.5; }
  .payment-page .checkout-container { padding-inline: 20px; margin-bottom: 40px; }
  .checkout-breadcrumb { padding-inline: 20px; font-size: 14px; }
  .payment-page .checkout-title { font-size: 30px; margin-bottom: 8px; }
  .payment-page .checkout-tagline { margin-bottom: 10px; }
  .payment-page .summary-plan-box { padding: 17px; }
  .payment-page .summary-plan-title { font-size: 20px; margin-bottom: 12px; }
  .payment-page .summary-price-box { padding-top: 12px; }
  .payment-page .summary-price-note { line-height: 1.55; }
  .payment-page .summary-guarantee-badge { padding: 10px 0; line-height: 1.55; }
  .payment-page .checkout-desc { font-size: 16px; }
  .payment-panel-heading { padding: 20px 16px 23px; }
  .payment-panel-heading h2 { font-size: 25px; }
  .payment-panel-heading p { font-size: 14px; }
  .policy-page .site-header { padding-inline: 16px !important; gap: 8px; }
  .policy-page .brand { font-size: 20px !important; gap: 8px; }
  .policy-page .header-actions .btn { font-size: 14px; padding-inline: 12px; }
  .policy-page .legal-container { padding-inline: 18px; }
  .policy-page .legal-card { padding: 28px 23px; }
  .policy-page .legal-card h1 { font-size: 36px; }
  .policy-page .legal-card h2 { font-size: 21px; }
  .policy-page .legal-card p, .policy-page .legal-card li { font-size: 16px; }
}
@media (max-width: 360px) {
  .policy-page .brand { font-size: 18px !important; gap: 6px; }
  .policy-page .brand-icon { width: 25px; height: 25px; }
  .policy-page .header-actions .btn { padding-inline: 10px; }
  .policy-switcher { flex-direction: column; }
  .policy-switcher a { text-align: left; padding: 12px 16px; border-right: 0; border-bottom: 1px solid var(--account-line); }
  .policy-switcher a[aria-current=page] { box-shadow: inset 2px 0 var(--account-gold); }
  .payment-page .summary-plan-box { padding: 19px; }
  .payment-page .summary-links a { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  .account-page *, .account-page *::before, .account-page *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
