/* The sign-in pages (scripts/build-docs.mjs, account.js): the docs' reading column and a white panel.
   Same tokens as docs.css. */
.doc-layout.account-layout{grid-template-columns:minmax(0,1fr);max-width:820px}
.account-layout .doc-main{max-width:720px}
.account-lead{margin:0 0 28px;color:var(--text);font-size:17px;line-height:1.6}
.account-panel{margin:0 0 24px;padding:22px 24px;border:1px solid #d6dfec;border-radius:8px;background:#fff}
.doc-article .account-panel h2{margin:0 0 14px;padding-top:0;background:none;font-size:20px;line-height:1.3;letter-spacing:-.02em}
.account-panel p{margin:0 0 12px;color:var(--text);line-height:1.6}
.signin-options{display:grid;gap:12px;max-width:420px}
.signin-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border:1px solid #c9d4e6;border-radius:6px;background:#fff;color:var(--ink);font-weight:650;text-decoration:none}
.signin-button:hover,.signin-button:focus-visible{border-color:var(--orange)}
.signin-button svg{width:18px;height:18px;flex:none}
.signin-or{display:flex;align-items:center;gap:12px;margin:6px 0;color:var(--muted);font:650 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}
.signin-or::before,.signin-or::after{content:"";flex:1;border-top:1px dotted #b8c5db}
.account-form{display:grid;gap:10px}
.account-form label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:600}
.account-form input{min-height:46px;padding:0 14px;border:1px solid #c9d4e6;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:15px}
.account-form input:focus-visible{outline:2px solid var(--orange);outline-offset:1px}
.account-button{min-height:46px;padding:0 18px;border:0;border-radius:6px;background:var(--ink);color:#fff;font:inherit;font-weight:650;cursor:pointer}
.account-button:hover{background:#1b3a73}
.account-button:disabled{opacity:.55;cursor:default}
.account-message{min-height:1.5em;margin:12px 0 0;color:var(--text)}
.account-message.is-error{color:var(--rust)}
.account-message.is-notice{margin:0 0 18px;padding:12px 14px;border:1px solid #f3c3a8;border-radius:6px;background:#fff6f0;color:var(--ink);line-height:1.55}
.signin-button[hidden]{display:none}
.account-small{color:var(--muted);font-size:13px;line-height:1.55}
/* Sign-in: one narrow column in the middle of the page, the card's buttons and field as wide as the card. */
.signin-layout .doc-main{width:100%;max-width:460px;margin:0 auto}
.signin-layout .doc-eyebrow,.signin-layout .account-lead,.signin-layout .account-small,.signin-layout .account-message{text-align:center}
.signin-layout .doc-eyebrow{justify-content:center}
.signin-layout .doc-article h1{margin-bottom:14px;font-size:40px;text-align:center}
.signin-layout .account-lead{margin-bottom:24px;font-size:16px}
.signin-layout .account-panel{padding:24px}
.signin-layout .signin-options{max-width:none}
.signin-layout .account-message.is-notice{text-align:left}
@media (max-width:540px){
  .signin-layout .doc-article h1{font-size:32px}
  .account-panel{padding:18px 16px}
}