.identity-page{min-height:100vh;padding:48px clamp(20px,6vw,100px);background:#f5f2ec}.identity-layout{max-width:1120px;margin:clamp(38px,9vh,110px) auto;display:grid;grid-template-columns:1fr minmax(320px,480px);gap:clamp(28px,7vw,110px);align-items:start}.identity-intro h1{font-size:clamp(38px,5vw,64px);line-height:1.03;letter-spacing:-.055em;margin:20px 0 28px}.identity-intro p{font-size:18px;line-height:1.6;max-width:450px}.identity-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px!important;font-weight:650;color:#d84516}.identity-boundary{margin-top:44px;color:#68625a;font-size:14px!important}.identity-card{min-width:0}.identity-card h2{font-size:25px}.identity-card p{line-height:1.6}.identity-card>.button{margin:16px 0}.identity-card>.text-button{display:block;margin:18px 0}.identity-browser-help{font-size:12px;color:#68625a;max-width:360px}nav.identity-controls{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:16px;font-size:12px;min-width:0}.identity-controls .text-button{font-size:12px}.identity-controls a{text-decoration:none;color:inherit}.identity-card #clerk-profile{max-width:100%;overflow-x:auto}.identity-card [class*=cl-cardBox]{max-width:100%}
@media(max-width:740px){.identity-page{padding:28px 20px}.identity-layout{grid-template-columns:minmax(0,1fr);margin:44px 0;gap:28px}.identity-intro h1{margin:12px 0 18px}.identity-boundary{margin-top:20px}.identity-intro p{font-size:16px}.identity-card{width:100%}}

.identity-controls>a,.identity-controls>button{display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:10px 0;text-align:left}
.sidebar nav.identity-controls{flex-direction:column;gap:0;white-space:normal;overflow:visible;margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.sidebar nav.identity-controls a,.sidebar nav.identity-controls button{min-height:44px;font-size:12px}
.identity-controls .account-link{gap:9px;min-width:0}
.account-link .avatar{width:28px;height:28px;font-size:10px}
.account-label{min-width:0;flex:1}
.account-label strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}
.account-label small{display:block;margin-top:3px;font-size:11px;color:var(--muted)}
.account-arrow{font-size:20px;color:var(--muted)}
@media(max-width:740px){.sidebar nav.identity-controls{flex-direction:row;align-items:center;justify-content:space-between;margin-top:0;padding-top:12px;padding-bottom:0;gap:20px}.identity-controls .account-link{max-width:calc(100% - 80px);flex:1}.identity-controls>button{flex-shrink:0}.account-label small{margin-top:2px}}
