/* Shared document canvas and header geometry prevent flashes and sideways jumps. */
:root{scrollbar-gutter:stable;background:var(--bg,#f5f4f2)}
.site-header{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.5;view-transition-name:site-header}
::view-transition-group(root),::view-transition-group(site-header){animation-duration:120ms}
::view-transition-old(root),::view-transition-new(root){animation-duration:120ms}
::view-transition-old(site-header){display:none}
::view-transition-new(site-header){animation:none}

.account-pill,.account-sign-in{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;border-radius:999px;white-space:nowrap;text-decoration:none;font-family:inherit;font-size:14px;font-weight:600;line-height:20px}
a.account-pill{background:#005cff0a;border:1px solid #005cff24;color:#1d1d1f}
.account-pill svg{width:22px;height:22px;flex-shrink:0}
.account-sign-in{background:#1d1d1f;color:#fff}
.account-pill:hover{background:#005cff12}
.account-pill:focus-visible,.account-sign-in:focus-visible{outline:3px solid #005cff;outline-offset:3px}
.account-pill[hidden],.account-sign-in[hidden]{display:none!important}

.site-header{box-sizing:border-box;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:18px;flex-wrap:nowrap;width:100%;height:76px;min-height:76px;padding:16px 44px;background:color-mix(in srgb,#f5f4f2 85%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid #0000000f}
.site-brand{display:inline-flex;align-items:center;gap:10px;color:#1d1d1f;text-decoration:none;font-size:17px;font-weight:600;letter-spacing:-.01em;flex-shrink:0}
.site-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#1d1d1f;color:#f5f4f2;border-radius:9px;font:700 17px Georgia,serif}
.site-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.site-nav a,.site-sign-out{box-sizing:border-box;width:auto;padding:8px 16px;margin:0;border:0;border-radius:999px;color:#1d1d1f;background:none;text-decoration:none;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap}
.site-nav a:hover,.site-sign-out:hover{background:#0000000f}
.site-account{width:168px;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:0;flex-shrink:0}
.site-account>a{box-sizing:border-box;width:100%}
html[data-auth-state="signed-in"] .site-account [data-sign-in-link]{display:none!important}
html[data-auth-state="signed-in"] .site-account [data-account-link]{display:inline-flex!important}
html[data-auth-state="signed-out"] .site-account [data-account-link]{display:none!important}
html[data-auth-state="signed-out"] .site-account [data-sign-in-link]{display:inline-flex!important}
.profile-actions{margin-top:32px;padding-top:22px;border-top:1px solid #e6e4df}
.connected-apps{margin-top:36px;padding:28px;border:1px solid #e2e0db;border-radius:24px;background:#fff}
.connected-apps[hidden]{display:none!important}
.connected-app-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.connected-app-heading h2{margin:8px 0;font-size:23px;letter-spacing:-.65px}
.connected-apps p{font-size:14px;line-height:1.55;color:#77756f}
.connected-apps .eyebrow{margin:0;font-size:10px;letter-spacing:.13em}
#connected-app-list{list-style:none;margin:20px 0 0;padding:0}
.connected-app{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #e6e4df}
.connected-app>div{min-width:0}.connected-app h3{margin:0;font-size:16px;overflow-wrap:anywhere}
.connected-app p{margin:5px 0 0}.connected-app .connected-app-id{font-size:12px;overflow-wrap:anywhere}
.connected-app button{flex-shrink:0}#connected-app-status:empty{display:none}
@media(max-width:640px){.connected-apps{padding:22px}.connected-app{align-items:start;flex-direction:column;gap:12px}}
.profile-actions:has(.profile-sign-out[hidden]){display:none}
.profile-sign-out{width:auto;border-radius:999px;padding:10px 16px;background:transparent;color:#77756f;border:1px solid #dcd9d3;font-size:13px}
.profile-sign-out:hover{background:#eeece8;color:#1d1d1f}.profile-sign-out[hidden]{display:none!important}
.profile-actions p{font-size:13px;margin:10px 0 0}.profile-actions p:empty{display:none}
.site-sign-out{cursor:pointer}.site-sign-out[hidden]{display:none!important}.site-sign-out:disabled{opacity:.55;cursor:wait}
.site-auth-error{position:absolute;right:44px;top:100%;margin:0;padding:8px 12px;border-radius:8px;background:#fff;color:#b83232;font-size:12px;box-shadow:0 4px 12px #0001}.site-auth-error:empty{display:none}
@media(max-width:700px){.site-header{height:68px;min-height:68px;padding:12px 20px!important;gap:10px}.site-nav{display:none}.site-account{width:152px;gap:8px;margin-left:auto}.site-sign-out{padding:8px;font-size:13px}.account-pill,.account-sign-in{padding:9px 12px;font-size:13px}.site-auth-error{right:20px}}

.verification-card{display:flex;align-items:center;gap:24px;padding:30px;margin:0 0 32px;border:1px solid #e2e0db;border-radius:24px;background:#fff;box-shadow:0 4px 20px #1d1d1f03}
.verification-card[hidden],.verification-card [hidden]{display:none!important}
.verification-emblem{position:relative;display:grid;place-items:center;width:76px;height:76px;flex-shrink:0;border:1px solid #e5e3de;border-radius:22px;background:#f5f4f2;color:#77756f}
.verification-emblem>svg{width:48px;height:48px}
.verification-seal{position:absolute;right:-6px;bottom:-6px;display:none;place-items:center;width:26px;height:26px;border:3px solid #f4f7ff;border-radius:50%;background:#005cff;color:#fff}
.verification-seal svg{width:16px;height:16px}
.verification-copy{flex:1;min-width:0}
.verification-card .eyebrow{font-size:10px;letter-spacing:.13em;margin:0;color:#74736e}
.verification-card h2{font-size:23px;font-weight:600;letter-spacing:-.65px;margin:12px 0 8px;line-height:1.2}
.verification-card p{max-width:520px;line-height:1.55;margin:0;font-size:14px;color:#77756f}
.verification-card button{width:auto;white-space:nowrap;flex-shrink:0;border-radius:999px;padding:13px 20px;font-size:13px}
.verification-card.is-verified{background:#f4f7ff;border-color:#dce6ff}
.is-verified .verification-emblem{background:#005cff;color:#fff;border-color:#005cff;box-shadow:0 5px 18px #005cff1a}
.is-verified .verification-seal{display:grid}
.verification-complete{display:flex;align-items:center;gap:6px;color:#004ecc;font-size:13px;font-weight:600;white-space:nowrap}
.verification-complete svg{width:20px;height:20px}
#verification-status:empty{display:none}.verification-card #verification-status{font-size:13px;color:#a23629;margin-top:12px}
@media(max-width:700px){.verification-card{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;padding:22px;gap:20px 16px}.verification-emblem{width:56px;height:56px;border-radius:17px}.verification-emblem>svg{width:36px;height:36px}.verification-card h2{font-size:21px;margin-top:10px}.verification-card p{font-size:13px}.verification-card button,.verification-complete{grid-column:1/-1}.verification-card button{width:100%}.verification-complete{padding-top:14px;border-top:1px solid #005cff14}.verification-seal{width:22px;height:22px;right:-5px;bottom:-5px}.verification-seal svg{width:13px;height:13px}}

@media(max-width:640px){#verification-disconnect{grid-column:1/-1;justify-self:center}}

button[aria-busy="true"]{position:relative;color:transparent!important}
button[aria-busy="true"]::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid #8886;border-top-color:#fff;border-radius:50%;animation:busy-spin .8s linear infinite}
button.profile-sign-out[aria-busy="true"]::after{border-top-color:#1d1d1f}
@keyframes busy-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){button[aria-busy="true"]::after{animation:none}}
