.account-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:32px;border-radius:20px;overflow-y:auto}
.account-dialog .dialog-close{width:44px;height:44px;top:10px;right:10px}
.account-heading{padding-right:24px;margin-bottom:20px}.account-heading .eyebrow{font-size:10px;letter-spacing:2px;color:#64765d}
.account-dialog .account-heading h2{font-size:25px;line-height:1.35;margin:10px 0 0}
.account-dialog .account-intro{font-size:14px;line-height:1.7;color:#657467;margin:0 0 24px}
.account-login-options,.account-member-actions{display:grid;gap:12px}
.account-dialog .account-login{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:14px 16px;border:1px solid #dce5d8;border-radius:12px;text-align:left;background:#fff;color:#304c39;text-decoration:none;font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.account-dialog .account-login-primary{background:#edf3e8;border-color:#cfddc7}
.account-login>span:last-child{margin-left:auto;flex:none}.account-login>span:has(small){min-width:0}
.account-login small{display:block;font-size:12px;font-weight:400;color:#657467;margin-top:3px;line-height:1.6}
.account-provider{width:32px;height:32px;display:grid;place-items:center;background:#fff;border:1px solid #e4e9e1;border-radius:50%;flex:none;font-size:19px}
.account-dialog .account-login:hover{background:#e5eddf;border-color:#a8bda1}
.account-dialog .account-note{font-size:12px;line-height:1.7;color:#667461;margin:14px 0 0}
.account-identity{display:flex;align-items:center;gap:12px;padding:16px;background:#f5f7f1;border-radius:12px;margin-bottom:18px}.account-identity>div{min-width:0}
.account-identity-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#e1e9d9;color:#45643a;font:22px Georgia}
.account-role{font-size:12px;font-weight:600;color:#486040}.account-dialog .account-identity p{font-size:14px;color:#344b3d;margin:4px 0 0;line-height:1.5;overflow-wrap:anywhere}
.account-dialog .account-signout{justify-self:center;min-height:44px;display:flex;align-items:center;font-size:13px;color:#667461;text-decoration:none;padding:8px 16px}
.account-member-actions+.account-login-options{margin-top:12px}
.account-about{margin-top:24px;border-top:1px solid #e3e9dd;padding-top:14px}.account-about summary{cursor:pointer;font-size:13px;color:#53694b;min-height:44px;align-content:center}
.account-dialog .account-about p{font-size:12px;line-height:1.9;color:#667461;margin:8px 0 0}
@media(max-width:480px){.account-dialog{padding:28px 20px 20px}.account-dialog .account-heading h2{font-size:23px}.account-dialog .account-login{padding:13px 12px;gap:10px}}