/* The same outer grid keeps navigation aligned across profile and workspace. */
@media(min-width:1101px){
 .site-frame,.profile-scene,.workspace{max-width:1560px}
 .topbar{padding-inline:max(24px,calc((100% - 1560px)/2 + 24px))}
 .site-footer{padding-inline:max(24px,calc((100% - 1560px)/2 + 24px))}
}
.profile-header.surface{padding:0;overflow:hidden}
.profile-header .profile-cover{height:220px;padding:0;background:var(--wash);border-radius:0}
.profile-cover>a[data-artwork-viewer]{display:block;width:100%;height:100%}
.profile-cover img{display:block;width:100%;height:100%;object-fit:cover}
.public-identity{position:relative;display:flex;align-items:flex-start;margin:0 28px;padding:0 0 20px;gap:22px}
.public-avatar{flex:0 0 112px;width:112px;height:112px;margin-top:-34px;border:4px solid var(--white);background:var(--wash)}
.profile-name{flex:1;min-width:0;padding-top:16px!important}
.public-identity h1{font-size:28px;overflow-wrap:anywhere;margin:0}
.profile-name .handle{margin:5px 0 0;color:var(--muted);font-size:13px}
.profile-name .specialty{margin:8px 0 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.profile-name .specialty:empty{display:none}
.profile-name .tags{margin-top:10px}
.profile-buttons{align-self:center;padding-top:18px!important}
.profile-metrics{margin:0 28px;padding:16px 0;gap:24px;flex-wrap:wrap}
.profile-tabs.section-tabs{padding:0 28px;gap:26px;overflow-x:auto;white-space:nowrap}
.profile-tabs a{padding-block:16px}
.profile-columns{grid-template-columns:minmax(0,1fr) 290px;gap:24px;margin-top:24px;align-items:start}
.profile-details{gap:16px}
.profile-details .surface{padding:22px}
.profile-details .profile-bio{font-size:14px;line-height:1.65}
.profile-bio-preview{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;max-height:none!important}
.profile-more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;color:var(--accent)}
.profile-more .ui-icon{width:15px;height:15px}
.profile-details .profile-socials{margin:0;padding:0;border:0}
.profile-other-links ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px}
.profile-other-links a{overflow-wrap:anywhere;font-size:14px}
.profile-stream>.surface{padding:24px}
.profile-work-strip{gap:12px}
.profile-work-strip img{height:150px}
.profile-about .profile-bio-full{font-size:15px;line-height:1.8;max-width:760px;max-height:none;overflow:visible;white-space:normal}
.profile-about .profile-personal{max-width:560px;margin-block:24px}
.profile-about .profile-taxonomy{margin-block:24px;display:grid;gap:20px}
.profile-about .taxonomy-label{display:block;margin-bottom:8px}
.profile-about-links{display:none}
.wall-text{max-width:760px}
.profile-summary,.profile-socials{overflow-wrap:anywhere;min-width:0}
.profile-more:hover{gap:10px}
@media(max-width:1100px){
 .profile-columns{grid-template-columns:minmax(0,1fr) 250px;gap:16px}
 .profile-details .surface{padding:18px}
 .profile-header .profile-cover{height:190px}
 .public-identity{margin-inline:22px;gap:16px}
 .public-identity h1{font-size:25px}
 .profile-buttons .button,.profile-buttons button{padding:9px 12px}
}
@media(max-width:820px){
 .profile-columns{grid-template-columns:minmax(0,1fr)}
 .profile-details{display:none}
 .profile-about-links{display:grid;gap:24px;margin-top:28px}
 .profile-about-links .surface{padding:0;border:0;background:transparent}
 .profile-about-links .profile-socials{padding-top:22px;margin-top:0}
 .profile-buttons{flex:0 0 auto!important}
}
@media(max-width:600px){
 .profile-header .profile-cover{height:145px}
 .public-identity{display:grid;grid-template-columns:76px minmax(0,1fr);gap:0 14px;margin:0 16px;padding-bottom:16px;align-items:start}
 .public-avatar{width:76px;height:76px;margin-top:-24px;border-width:3px}
 .profile-name{padding-top:12px!important;min-width:0}
 .public-identity h1{font-size:23px}
 .profile-name .handle{font-size:12px}
 .profile-name .specialty{font-size:13px}
 .profile-name .tag{font-size:11px}
 .profile-buttons{grid-column:1/-1;justify-self:stretch;display:flex;gap:10px;padding-top:14px!important;margin:0}
 .profile-buttons form,.profile-buttons>.button{display:block;flex:1}
 .profile-buttons button,.profile-buttons>.button{width:100%;text-align:center;justify-content:center;min-height:42px}
 .profile-metrics{margin:0 16px;gap:10px 18px;padding:13px 0}
 .profile-metrics>span{flex-basis:100%;font-size:11px}
 .profile-tabs.section-tabs{padding:0 16px;gap:22px}
 .profile-tabs a{padding-block:13px;font-size:13px}
 .profile-columns{margin-top:16px}
 .profile-stream>.surface{padding:18px}
 .profile-work-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .profile-work-strip a{min-width:0;max-width:none}
 .profile-work-strip img{height:110px}
}
@media(prefers-reduced-motion:reduce){.profile-more{transition:none}}
@media(max-width:360px){
 .topbar .workspace-name{font-size:20px;gap:6px}
 .topbar-actions{gap:8px;font-size:12px}
 .topbar-actions .small-button{font-size:12px;padding:8px}
 .topbar-actions .theme-toggle{width:32px;height:32px}
}
