/* Keep the profile beside the title, outside its gradient text treatment. */
.collection-title{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:10px}
.dd-visual-system .collection-title h1{min-width:0;margin:0;overflow-wrap:anywhere}
.collection-context-heading>div,.ext-family-identity>div,.collection-hero>div{min-width:0}
.collection-social-link,.collection-social-link:visited{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border:1px solid var(--dd-border);border-radius:50%;background:transparent;color:var(--dd-muted);text-decoration:none;transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease,transform 160ms ease}
/* Preserve a 44px touch target around the smaller visible button. */
.collection-social-link::before{content:'';position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%}
.collection-social-link svg{display:block;flex:none}
.collection-social-link[hidden]{display:none}
.collection-social-link:focus-visible{outline:2px solid var(--dd-lilac);outline-offset:4px;color:var(--dd-text);border-color:var(--dd-lilac)}
@media(hover:hover){.collection-social-link:hover{color:var(--dd-lilac);background-color:var(--dd-bg-2);border-color:var(--dd-lilac);transform:translateY(-2px)}}
@media(max-width:767px){
  .collection-title{gap:8px}
  .collection-hero .collection-title{grid-column:2;grid-row:2;margin:0}
  .collection-context--working .collection-context-masthead--artwork .collection-title{grid-column:1;grid-row:1;margin:0}
}
@media(prefers-reduced-motion:reduce){.collection-social-link{transition:none}.collection-social-link:hover{transform:none}}
