/* account surface: textured head, standing chips and tiles */
.acct-head{padding-bottom:clamp(3.5rem,6vw,5.5rem)}
.acct-head .split-tex{opacity:.9}
.acct-head .lead{color:var(--on-dark-muted)}
.acct-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.75rem}
.acct-chips:empty{display:none}
.acct-chips .pill{background:transparent;color:var(--on-dark);box-shadow:inset 0 0 0 1px rgba(247,245,240,.38);min-height:32px}
.standing{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gutter)}
.stand{min-width:0}.stand b{overflow-wrap:anywhere}
.standing:empty{display:none}
.stand{background:var(--light-bg);border-radius:var(--r);padding:1.5rem 1.5rem 1.625rem;display:grid;gap:.75rem;align-content:start;text-decoration:none;color:inherit;transition:background-color .4s var(--ease)}
a.stand:hover{background:var(--off-white)}
.stand .label{margin:0}
.stand b{font-family:var(--f-display);font-weight:240;font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.02em;line-height:1.1}
.stand span{color:var(--light-muted);font-size:.8125rem;line-height:1.5}
.stand.go b{color:var(--mk-deep)}
@media (max-width:1180px){.standing{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:360px){.standing{grid-template-columns:1fr}}
@media (max-width:520px){.stand{padding:1.125rem}.stand b{font-size:1.375rem}}
.desk-note{border-left:2px solid var(--champagne)}
.desk-note p:last-child{white-space:pre-wrap;color:var(--light-ink)}
.acct-nav a{letter-spacing:.01em}
.acct-head+.raised.section{padding-top:clamp(2.5rem,5vw,4.5rem)}
/* sign-in: password + authenticator, enrolment, recovery codes */
.auth-step{margin-top:1.25rem}
.auth-step>p{color:var(--light-muted)}
.auth-step>p b{color:var(--light-ink);font-weight:500}
input.otp{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.22em;font-size:1.25rem;text-transform:uppercase}
.field .hint{display:block;margin-top:.5rem;font-size:.75rem;color:var(--light-muted)}
.qr-wrap{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;margin-top:1.5rem}
.qr-wrap img{width:184px!important;height:184px!important;max-width:none;aspect-ratio:1;object-fit:contain;box-sizing:border-box;background:#fff;padding:10px;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--rule-light)}
.qr-wrap .label{margin:0 0 .5rem}
.secret{display:block;font:500 .9375rem/1.7 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;word-break:break-all;color:var(--light-ink);user-select:all}
.rcodes{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;margin:1.5rem 0 0;padding:1.25rem 1.5rem 1.25rem 3rem;background:var(--off-black);color:var(--off-white);border-radius:var(--r)}
.rcodes li{font:600 1rem/1.9 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em}
.rcodes li::marker{color:var(--champagne);font-weight:400}
.rcodes code{font:inherit}
.auth-foot{margin-top:1.75rem;font-size:.8125rem;color:var(--light-muted)}
.auth-foot a,.auth-step a{color:inherit}
#secPanel .btns{flex-wrap:wrap}
@media (max-width:560px){.qr-wrap{grid-template-columns:1fr}.qr-wrap img{justify-self:start}.rcodes{grid-template-columns:1fr}}
/* passkeys */
.pk-row{margin-top:1.5rem}
.pk-btn{width:100%;justify-content:center;gap:.75rem}
.pk-btn svg{flex:none;color:var(--champagne)}
.pk-hint{margin-top:.75rem;font-size:.8125rem;color:var(--light-muted)}
.pk-or{display:flex;align-items:center;gap:1rem;margin:1.75rem 0 0;font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--light-muted)}
.pk-or::before,.pk-or::after{content:"";flex:1;height:1px;background:var(--rule-light)}
.pk-row+.auth-step{margin-top:.25rem}
.pk-mark{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:var(--off-black);color:var(--champagne);margin:0 0 1.25rem}
#pkList small{color:var(--light-muted);font-size:.75rem}
#pkList .linkish{margin-left:.75rem;font:inherit;font-size:.8125rem;color:var(--mk-deep);text-decoration:underline;cursor:pointer}