.access-wrap{max-width:64rem;margin:2rem auto;padding:0 1rem 3rem;overflow-wrap:anywhere}
.access-wrap h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}
.access-wrap h2{font-size:1.35rem;line-height:1.3;margin:0 0 .75rem}
.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.access-card{padding:1.3rem;min-width:0}
.access-card label{display:grid;gap:.4rem;margin:.8rem 0}
.access-card input{width:100%;min-width:0;box-sizing:border-box}
.access-card label.remember-session{display:flex;align-items:center;gap:.7rem;font-weight:600}
.access-card .remember-session input{width:1.2rem;height:1.2rem;flex:0 0 auto}
.access-card button,.access-card .btn{white-space:normal;max-width:100%}
.access-card .access-method-divider{display:flex;align-items:center;gap:12px;color:#52677b;margin:20px 0;font-size:14px}
.access-method-divider::before,.access-method-divider::after{content:"";height:1px;background:#d4dde5;flex:1}
#account-page .access-signup-link{margin-top:24px;padding-top:18px;border-top:1px solid #d4dde5}
#account-page .access-signup-link .account-inline{min-height:44px;padding:8px;border:0;background:transparent;color:#173c60;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
#account-page .access-back-link{margin:0 0 10px}
#account-page .access-back-link a{display:inline-flex;align-items:center;min-height:44px;color:#173c60;font-weight:700}
.account-work-return{margin:0 0 12px}
.account-work-return a{display:inline-flex;align-items:center;min-height:44px;color:#173c60;font-weight:700}
#account-page.access-builder-return .account-intro{margin-bottom:12px}
#account-page.access-builder-return .access-seal{display:none}
#account-page .access-flow-hint{color:#334c64}
.access-card li{margin:.8rem 0;overflow-wrap:anywhere}
.access-card .actions{flex-wrap:wrap;gap:.7rem}
.access-wide{grid-column:1/-1}
.access-card :focus-visible,#access-status:focus-visible{outline:3px solid #1164c0;outline-offset:3px}
.access-page .topbar-nav{flex-wrap:wrap}
@media(max-width:680px){.access-grid{grid-template-columns:1fr}.access-page .topbar{flex-wrap:wrap;gap:.5rem}.access-card{padding:1rem}.access-page .topbar-nav a{font-size:.85rem}}
.access-wrap h1{max-width:none;width:auto;overflow-wrap:normal;word-break:normal}
.access-page .brand strong{color:#fff}
body.access-page #access-content .btn.primary{color:#07101f;text-shadow:none}
.email-code-panel{margin:1rem 0;padding:1rem;background:#f4f7fb;border:1px solid #d5deeb;border-radius:12px}
.access-card .email-code-input{max-width:18rem;font-size:1.5rem;letter-spacing:.2em;font-variant-numeric:tabular-nums}
.email-code-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}
#access-connect-title:focus-visible{outline:3px solid #1164c0;outline-offset:4px}

#account-page .access-card p.email-code-error,.email-code-error{color:#8d1c1c;font-weight:600;overflow-wrap:anywhere}

/* Saved account names stay readable without changing the account card. */
#account-page .account-setting .account-profiles > li{display:block}
#account-page .account-profiles .account-profile-name{display:block;overflow-wrap:anywhere;word-break:normal;min-width:0}
#account-page .account-profiles small{display:block;margin-top:8px}
#account-page .account-setting .account-profiles .btn{margin:12px 0 0;max-width:100%;white-space:normal}