/* The update (2026-10): the agreement box and the payment panel, in the forge's own tokens
   (gold hairlines, cream text, Cinzel labels) so they sit natively in the sign-up and Upgrade cards. */
.fap { gap: 14px; }
.fap-el { min-height: 120px; padding: 14px; border: 1px solid var(--gold-hair); border-radius: 12px; background: rgba(20, 17, 14, .55); }
.fap-wait { margin: 0; color: var(--cream-dim, #b9a98f); font-style: italic; font-family: var(--font-lore, 'EB Garamond', serif); font-size: 17px; }
.fap-beside { margin: 0; color: var(--cream, #e8dcc8); font-size: 14px; line-height: 1.5; }
.fap-agree, .faa-agree { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; color: var(--cream, #e8dcc8); font-size: 14px; line-height: 1.5; cursor: pointer; }
.fap-agree input, .faa-agree input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--gold, #d4af37); cursor: pointer; }
.fap-agree a, .faa-agree a { color: var(--gold-bright, #f3d47a); }
.fap-agree input:focus-visible, .faa-agree input:focus-visible { outline: 2px solid var(--gold, #d4af37); outline-offset: 3px; }
.fap-err { min-height: 0; }
.fap-link { background: none; border: 0; padding: 0; color: var(--gold-bright, #f3d47a); text-decoration: underline; cursor: pointer; font: inherit; }
.fau-pay { max-width: 520px; }
.faa-totp-toggle { background: none; border: 0; padding: 0; color: var(--gold-bright, #f3d47a); text-decoration: underline; cursor: pointer; font: inherit; justify-self: start; }
.faa-msg { margin: 0; padding: 10px 12px; border: 1px solid var(--gold-hair); border-radius: 10px; color: var(--cream, #e8dcc8); background: rgba(212, 175, 55, .06); font-size: 14px; }