/* Dedicated account entry. This page never renders the account form in an overlay. */
:root{--auth-surface:var(--sl-paper,#fff);--auth-ink:var(--sl-ink,#171717);--auth-muted:var(--sl-secondary,#595959);--auth-line:var(--sl-border,#e5e5e5);--auth-wash:var(--wash,#fafafa);--auth-radius:var(--sl-radius,8px);--auth-max:1100px;--auth-panel:420px}
body.auth-layout{background:var(--auth-surface);color:var(--auth-ink)}
body.auth-layout #top{position:relative;inset:auto;height:76px;padding:0 max(28px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--auth-line);background:var(--auth-surface);box-shadow:none}
body.auth-layout #top .brand-lockup{width:116px;height:39px}
body.auth-layout #top .actions{margin:0}
body.auth-layout #top .auth-header-back{display:inline-flex;gap:9px;align-items:center;min-height:44px;font-size:13px;color:var(--auth-muted);text-decoration:none}
.auth-header-back svg{width:16px;height:16px}
body.auth-layout #nav{display:none!important}
body.auth-layout #shell{display:block;margin:0;min-height:calc(100dvh - 76px);background:var(--auth-surface)}
body.auth-layout #content{box-sizing:border-box;max-width:var(--auth-max);width:calc(100% - 64px);margin:0 auto;padding:60px 0 70px;background:var(--auth-surface)}
.account-auth-page{display:grid;grid-template-columns:minmax(0,1fr) var(--auth-panel);gap:76px;align-items:center;min-height:570px}
.account-auth-intro{padding:14px 0}
.account-auth-intro .auth-eyebrow{font:10px/1.8 var(--sl-mono,monospace);letter-spacing:.13em;color:var(--auth-muted);margin:0 0 21px}
.account-auth-intro h1{font-size:clamp(29px,3vw,39px);font-weight:600;line-height:1.55;letter-spacing:-.7px;color:var(--auth-ink);margin:0;text-wrap:balance}
.account-auth-intro .auth-value{font-size:14px;line-height:2.05;color:var(--auth-muted);margin:23px 0 0}
.auth-capabilities{list-style:none;padding:0;margin:32px 0 30px;display:grid;gap:23px}
.auth-capabilities li{display:flex;align-items:flex-start;gap:18px}
.auth-capabilities li>span{font:11px/1.8 var(--sl-mono,monospace);color:var(--auth-muted);padding-top:1px}
.auth-capabilities strong{font-weight:500;color:var(--auth-ink);font-size:13px;line-height:1.8}
.auth-capabilities p{font-size:12px;line-height:1.9;color:var(--auth-muted);margin:4px 0 0}
.auth-back{display:inline-flex;align-items:center;gap:14px;color:var(--auth-ink);font-size:12px;min-height:40px;text-decoration:none}
.auth-back:hover{text-decoration:underline;text-underline-offset:4px}
.account-auth-panel{box-sizing:border-box;min-width:0;padding:31px 30px 27px;border:1px solid var(--auth-line);border-radius:var(--auth-radius);background:var(--auth-surface);box-shadow:none}
.account-auth-panel>header{display:block;padding:0;margin:0 0 24px;border:0;background:none;box-shadow:none;position:static;min-height:0;height:auto}
.account-auth-panel .auth-panel-eyebrow{font-size:10px;letter-spacing:.06em;color:var(--auth-muted);margin:0 0 9px;line-height:1.8}
.account-auth-panel h2{font-size:25px;font-weight:600;line-height:1.5;letter-spacing:-.4px;color:var(--auth-ink);margin:0;outline:none}
.account-auth-panel header>p:last-child{font-size:12px;line-height:1.9;color:var(--auth-muted);margin:11px 0 0}
.account-auth-panel .auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 0 23px;padding:3px;gap:3px;background:var(--auth-wash);border:1px solid var(--auth-line);border-radius:5px}
.account-auth-panel .auth-tabs button{min-height:38px;padding:7px 12px;font-size:13px;font-weight:500;color:var(--auth-muted);border:0;border-radius:3px;background:transparent;box-shadow:none}
.account-auth-panel .auth-tabs button[aria-current=true]{background:var(--auth-surface);color:var(--auth-ink);box-shadow:0 1px 3px rgb(0 0 0 / .05)}
.account-auth-form{display:grid;gap:17px;margin:0}
.account-auth-form>label{display:grid;gap:8px;margin:0;font-size:12px;font-weight:500;color:var(--auth-ink);line-height:1.8}
.account-auth-form input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;height:43px;padding:9px 12px;margin:0;border:1px solid var(--auth-line);border-radius:5px;box-shadow:none;background:var(--auth-surface);color:var(--auth-ink);font-size:14px;line-height:1.5}
.account-auth-form input::placeholder{color:var(--auth-muted);font-size:12px}
.account-auth-form input:focus-visible{outline:2px solid var(--auth-ink);outline-offset:2px}
.account-auth-form .auth-code{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}
.account-auth-form .auth-code button{box-sizing:border-box;min-width:104px;height:43px;min-height:43px;padding:8px 11px;border:1px solid var(--auth-line);border-radius:5px;background:var(--auth-surface);box-shadow:none;color:var(--auth-ink);font-size:12px;white-space:nowrap}
.account-auth-form .auth-code button:hover{background:var(--auth-wash)}
.account-auth-form .auth-code button:disabled{opacity:.6;cursor:default}
.account-auth-form .auth-password-note{font-size:11px;line-height:1.6;color:var(--auth-muted);margin:-9px 0 0}
.account-auth-form label.auth-terms{display:flex;align-items:flex-start;gap:8px;font-size:11px;font-weight:400;line-height:1.85;margin:0}
.account-auth-form .auth-terms input{width:14px;height:14px;margin:3px 0 0;flex-shrink:0;accent-color:var(--auth-ink)}
.auth-terms a{color:var(--auth-ink);text-decoration:underline;text-underline-offset:3px}
.account-auth-form .form-error{font-size:12px;line-height:1.8;margin:0;color:var(--sl-negative,#b42318)}
.account-auth-form .form-error:empty{display:none}
.account-auth-form>button[type=submit]{width:100%;box-sizing:border-box;min-height:44px;margin:1px 0 0;padding:10px 14px;border:1px solid var(--auth-ink);border-radius:5px;background:var(--auth-ink);color:var(--auth-surface);font-size:13px;font-weight:500;box-shadow:none}
.account-auth-form>button[type=submit]:hover{background:var(--sl-night-raised,#262626)}
.account-auth-form>button[type=submit]:disabled{opacity:.65;cursor:wait}
.account-auth-panel .auth-help{margin:17px 0 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.account-auth-panel .auth-help button,.auth-other button{padding:4px 0;min-height:30px;border:0;background:transparent;box-shadow:none;color:var(--auth-muted);font-size:11px;text-decoration:none}
.account-auth-panel .auth-help button:hover,.auth-other button:hover{color:var(--auth-ink);text-decoration:underline;text-underline-offset:4px}
.auth-other{margin:17px 0 0;padding-top:16px;border-top:1px solid var(--auth-line)}
.auth-other summary{font-size:11px;line-height:1.8;color:var(--auth-muted);cursor:pointer}
.auth-other button{display:block;margin-top:9px}
#dialog.account-auth-dialog{width:420px;max-width:calc(100vw - 32px);padding:26px}
#dialog.account-auth-dialog .auth-bind-note{font-size:13px;line-height:1.9;margin-bottom:20px}
#dialog.account-auth-dialog .modal-dismiss{display:none}
@media(max-width:1000px){.account-auth-page{grid-template-columns:minmax(0,1fr) 390px;gap:42px}.account-auth-intro h1{font-size:32px}.account-auth-panel{padding:28px 26px}.account-auth-intro .auth-value{font-size:13px}}
@media(max-width:760px){body.auth-layout #top{height:64px;padding-inline:22px}body.auth-layout #top .brand-lockup{width:105px;height:35px}body.auth-layout #shell{min-height:calc(100dvh - 64px)}body.auth-layout #content{width:calc(100% - 40px);max-width:440px;padding:30px 0 45px}.account-auth-page{grid-template-columns:1fr;gap:25px;min-height:0}.account-auth-intro{padding:0 3px}.account-auth-intro .auth-eyebrow{font-size:9px;margin-bottom:10px}.account-auth-intro h1{font-size:25px;line-height:1.55}.account-auth-intro h1 br{display:none}.account-auth-intro .auth-value{font-size:12px;margin-top:10px;line-height:1.9}.account-auth-intro .auth-value br{display:none}.auth-capabilities,.auth-back{display:none}.account-auth-panel{padding:25px 23px}.account-auth-panel>header{margin-bottom:20px}.account-auth-panel h2{font-size:23px}.account-auth-form input:not([type=checkbox]){font-size:16px;height:45px}.account-auth-form .auth-code button{height:45px;min-height:45px;min-width:104px}.account-auth-form>button[type=submit]{min-height:46px}.account-auth-panel .auth-tabs button{min-height:40px}.account-auth-panel .auth-help button,.auth-other button{min-height:38px}.account-auth-form label.auth-terms{font-size:11px}body.auth-layout #top .auth-header-back{font-size:12px}}
@media(max-width:360px){body.auth-layout #content{width:calc(100% - 28px)}.account-auth-panel{padding-inline:19px}.account-auth-intro h1{font-size:23px}.account-auth-form .auth-code button{min-width:92px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.account-auth-panel *{transition:none!important}}

/* Account interaction details. */
.auth-password-control{display:block;position:relative;min-width:0}
.account-auth-form .auth-password-control input{padding-right:62px}
.account-auth-form .auth-password-control button{position:absolute;right:2px;top:2px;bottom:2px;width:54px;min-width:0;min-height:0;height:auto;padding:4px 5px;margin:0;border:0;background:transparent;color:var(--auth-muted);font-size:11px;font-weight:400;border-radius:3px;box-shadow:none}
.account-auth-form .auth-password-control button:hover{background:var(--auth-wash);color:var(--auth-ink)}
.account-auth-form .auth-code-status{font-size:11px;line-height:1.8;color:var(--auth-muted);margin:-8px 0 0}
.account-auth-form .auth-code-status:empty{display:none}
.account-auth-form .auth-code button{font-variant-numeric:tabular-nums}
@media(max-width:760px){body.auth-layout #content{padding-top:22px}.account-auth-intro .auth-eyebrow{display:none}.account-auth-intro h1{font-size:23px}.account-auth-intro .auth-value{margin-top:8px}.account-auth-page{gap:20px}.account-auth-panel .auth-help button,.auth-other button{min-height:44px}.account-auth-form .auth-password-control button{font-size:12px;width:54px}}