/* Screen-specific structure; shared visual foundation is design.css. */
header{margin-bottom:1rem}
.eyebrow{color:var(--accent);font-size:.85rem;letter-spacing:.08em;margin-top:1.5rem}
.back-link{min-height:44px;display:inline-flex;align-items:center}
label{display:block;margin:1rem 0 .3rem}
.button-link{font:inherit;border-radius:12px;border:1px solid var(--line);padding:12px;min-height:48px}
.button-link{cursor:pointer;background:var(--accent);color:var(--accent-ink);font-weight:650}
.button-link{display:inline-flex;align-items:center;text-decoration:none}
.primary{width:100%;margin-top:1.3rem}
.quiet,.secondary{background:var(--soft);color:var(--ink)}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.actions>*{flex:1;min-width:min(160px,100%)}
.password-field{display:flex;gap:8px;min-width:0}
.password-field input{flex:1}
.password-field button{flex:0 0 auto;min-width:54px}
.help,.optional{font-size:.85rem;color:var(--muted)}
.check{display:flex;align-items:flex-start;gap:12px}
.check input{flex:0 0 22px;width:22px;height:22px;min-height:22px;margin-top:4px}
.check span{flex:1;min-width:0}
.recovery-codes{list-style:none;padding:0;display:grid;gap:8px}
.recovery-codes li{font:clamp(.8rem,3.6vw,.95rem)/1.6 ui-monospace,monospace;background:var(--soft);padding:10px;border-radius:10px;overflow-wrap:anywhere;word-break:break-all}
details{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}
#account-status{padding:12px;background:var(--soft);border-radius:12px;overflow-wrap:anywhere}
#cancel-request{margin:0 0 12px}
#sign-out{margin-top:16px}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.security-nav{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.security-nav a{padding:12px;border-radius:12px;background:var(--soft);color:inherit}
.session-list{padding:0;list-style:none}
.session-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}
.session-list button{width:auto;margin:0}
section{scroll-margin-top:24px}