.account-shell{max-width:640px;margin:36px auto;padding:0 16px}.account-card{background:#fff;border:1px solid #ddd;border-radius:16px;padding:28px;box-shadow:0 8px 28px #0001}.account-card h1{font-size:28px;margin:0 0 20px}.account-card p{line-height:1.6;overflow-wrap:anywhere}.account-card button,.account-login{display:inline-block;background:#f47b20;color:#171717;border:0;border-radius:8px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.account-card .secondary{background:#eee}.account-nav{margin-left:auto;margin-right:16px;color:inherit;font-weight:700;text-decoration:none}.account-card button:focus-visible,.account-login:focus-visible{outline:3px solid #2458a6;outline-offset:3px}@media(max-width:480px){.account-shell{margin:20px auto}.account-card{padding:20px}.account-card h1{font-size:24px}.account-nav{font-size:13px;margin-right:8px}.account-card button{width:100%}}

/* Profile strip above the orange navigation bar. */
body:has(.site-header .account-menu:not([hidden])){padding-top:97px}
html:has(.site-header .account-menu:not([hidden])){scroll-padding-top:127px}
.account-menu{background:var(--blue,#718bd6);color:#fff;font-size:13px}
.account-menu-inner{position:relative;max-width:1170px;height:32px;margin:auto;padding:2px 15px;display:flex;align-items:center;justify-content:flex-end}
.profile-details{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0;max-width:100%}
.profile-name{font-weight:600;min-width:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-role{flex:none;max-width:110px;padding:1px 9px;border:1px solid #fff9;border-radius:999px;background:#f5f0df;color:#453d62;font-size:12px;line-height:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-details button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;padding:5px;border:0;border-radius:4px;color:#fff;background:transparent;cursor:pointer}
.profile-details button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-details button:hover{opacity:.75}
.profile-details button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.profile-details button:disabled{opacity:.55;cursor:wait}
.profile-status:empty{display:none}
.profile-status:not(:empty){position:absolute;right:15px;top:calc(100% + 8px);z-index:1;background:#fff;color:#39364a;border:1px solid #ddd;border-radius:8px;padding:10px;width:min(280px,calc(100vw - 30px));box-shadow:0 3px 12px #0002;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:800px){.profile-details{gap:12px}.profile-name{max-width:200px}}
@media(max-width:350px){.account-menu-inner{padding-inline:10px}.profile-details{gap:10px}.profile-role{padding-inline:8px}}