/* Compact community controls, scoped to this page; identities and chat remain server-owned. */
body.artist-portfolio .community-heading{grid-template-rows:auto auto auto auto;gap:0;margin-bottom:18px}
body.artist-portfolio .community-heading h1{font-size:clamp(42px,5.5vw,76px);width:auto;margin:14px 0;align-self:center}
body.artist-portfolio .community-heading h1 br{display:block}
body.artist-portfolio .community-heading>p{max-width:100%;width:auto;margin:0 0 14px}
body.artist-portfolio .community-heading .community-cover{grid-row:1/5;width:100%;max-width:480px;justify-self:end;margin:0}
body.artist-portfolio .community-tools{grid-column:1;grid-row:4;position:relative;z-index:5;align-self:start;width:min(290px,100%);margin:0 0 10px}
body.artist-portfolio .community-tools>summary,body.artist-portfolio .community-login>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-height:44px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.6}
.community-tools>summary::-webkit-details-marker,.community-login>summary::-webkit-details-marker{display:none}
.community-tools>summary>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.community-tools[open]>summary>span:last-child,.community-login[open]>summary>span{transform:rotate(45deg)}
body.artist-portfolio .community-tools-panel{position:absolute;left:0;top:100%;width:min(300px,calc(100vw - 40px));padding:12px 18px;background:var(--paper,#f7f4eb);box-shadow:0 12px 35px #24201b18;border:1px solid var(--line);box-sizing:border-box}
body.artist-portfolio .community-tools .community-identity{margin:0;padding:8px 0 12px;gap:12px}
body.artist-portfolio .community-tools .community-identity strong{font-size:18px}
body.artist-portfolio .community-tools .community-identity small{display:none}
body.artist-portfolio .community-tools .community-identity a{font-size:12px;white-space:nowrap}
body.artist-portfolio .community-tools .community-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:8px 0 0;padding:0;border:0}
body.artist-portfolio .community-tools .community-tabs button{font-size:14px;min-height:44px;padding:8px 0;text-align:left;border:0}
body.artist-portfolio .community-tools .community-tabs button[aria-pressed=true]{color:var(--red)}
body.artist-portfolio .resonance-room{padding-top:14px}
body.artist-portfolio .resonance-heading{margin-bottom:10px;gap:6px 14px}
body.artist-portfolio .resonance-messages{height:65svh;min-height:320px;max-height:820px;padding-right:6px;overscroll-behavior:contain}
body.artist-portfolio .resonance-messages .community-message{padding:14px 0}
body.artist-portfolio .resonance-messages .community-message>p{font-size:18px;line-height:1.8;margin:10px 0}
body.artist-portfolio .resonance-messages .message-meta strong{font-size:17px}
body.artist-portfolio .resonance-messages .message-meta time{font-size:11px}
body.artist-portfolio .resonance-messages .message-ops{gap:4px 16px}
body.artist-portfolio .resonance-messages .message-ops button{font-size:12px;min-height:36px}
body.artist-portfolio .community-welcome{grid-template-columns:90px minmax(0,1fr);gap:24px;padding:12px 0 20px;max-width:680px}
body.artist-portfolio .community-welcome h2{font-size:26px;margin:8px 0}
body.artist-portfolio .community-welcome p{margin:8px 0;font-size:15px}
body.artist-portfolio .community-welcome small{margin-top:10px}
body.artist-portfolio .community-login{margin:12px 0;color:var(--ink)}
body.artist-portfolio .community-login-options{padding-top:10px}
body.artist-portfolio .community-login-options .community-primary{display:flex;width:100%;min-height:44px;box-sizing:border-box;padding:10px 12px;font-size:14px}
body.artist-portfolio .community-login-pending{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:8px}
body.artist-portfolio .community-login-pending button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:6px 0;border:0;background:transparent;color:var(--muted);font-size:14px;cursor:not-allowed}
body.artist-portfolio .community-login-pending small{font-size:10px;margin:0;letter-spacing:0;white-space:nowrap}
body.artist-portfolio .community-welcome .community-login-note{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 0}
body.artist-portfolio .community-tools summary:focus-visible,body.artist-portfolio .community-login summary:focus-visible{outline:1px solid var(--red);outline-offset:3px}
body.artist-portfolio .play-page .listen-platforms{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;padding-top:10px;padding-bottom:8px}
/* Identical 23px SVG canvas, 9.5-unit circle and inherited ink to the other platforms. */
body.artist-portfolio a.music-brand-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
body.artist-portfolio a.music-brand-link .music-brand-mark{display:block;width:23px;height:23px;flex:none}
@media(max-width:760px){
 body.artist-portfolio .community-page{padding-top:12px;padding-bottom:18px}
 body.artist-portfolio .community-heading{grid-template-columns:48% 52%;grid-template-rows:auto auto auto auto;align-items:center;margin-bottom:12px}
 body.artist-portfolio .community-heading>span{font-size:7px;letter-spacing:.08em;padding-top:0;grid-column:1/-1;grid-row:1;max-width:100%;margin-bottom:8px}
 body.artist-portfolio .community-heading h1{grid-column:1;grid-row:2;font-size:clamp(32px,8.4vw,58px);line-height:1.2;margin:8px 0}
 body.artist-portfolio .community-heading>p{grid-column:1;grid-row:3;font-size:12px;line-height:1.7;margin:4px 0 8px}
 body.artist-portfolio .community-heading .community-cover{grid-column:2;grid-row:2/5;width:calc(100% + 12px);margin:0 0 0 -12px;mask-image:linear-gradient(to right,transparent,#000 18%);-webkit-mask-image:linear-gradient(to right,transparent,#000 18%)}
 body.artist-portfolio .community-tools{grid-column:1;grid-row:4;margin:0}
 body.artist-portfolio .community-tools>summary{font-size:12px;gap:6px}
 body.artist-portfolio .community-welcome{grid-template-columns:1fr;gap:0;padding:8px 0 14px}
 body.artist-portfolio .community-welcome>img{display:none}
 body.artist-portfolio .community-welcome>div>span{font-size:9px}
 body.artist-portfolio .community-welcome h2{font-size:24px}
 body.artist-portfolio .community-welcome p{font-size:14px}
 body.artist-portfolio .resonance-heading h2{font-size:24px}
 body.artist-portfolio .resonance-heading .resonance-status{flex-basis:auto;font-size:11px}
 body.artist-portfolio .resonance-messages{height:68svh;min-height:300px;max-height:760px}
 body.artist-portfolio .play-page .listen-platforms{gap:6px 16px}
 body.artist-portfolio .play-page .listen-platforms a{font-size:13px}
}