/* Profile owns the page grid and navigation; these styles only affect socials. */
html body .app-socials-page .profile-editorial.profile-editorial.socials-editorial { min-height: 0; }
.app-socials-page .socials-editorial .socials-intro { margin: 0 0 20px; }
.app-socials-page .socials-editorial .socials-title { margin: 0 0 8px; color: var(--profile-ink); font: 550 clamp(24px, 3vw, 32px)/1.2 var(--font-sans, sans-serif); letter-spacing: -.04em; overflow-wrap: anywhere; }
.app-socials-page .socials-editorial .socials-subtitle { max-width: 600px; margin: 0; color: var(--profile-muted); font: 13px/1.7 var(--font-sans, sans-serif); }
.app-socials-page .socials-editorial .socials-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.app-socials-page .socials-editorial .socials-card { display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 20px 20px 0; border: 1px solid var(--profile-border); border-radius: 12px; background: var(--profile-canvas); color: var(--profile-ink); text-decoration: none; box-shadow: none; transition: border-color .15s; }
.app-socials-page .socials-editorial .socials-card:hover { border-color: var(--profile-ink); }
.app-socials-page .socials-editorial .socials-card:focus-visible { outline: 2px solid var(--profile-ink); outline-offset: 4px; }
.app-socials-page .socials-editorial .socials-card-top { display: flex; align-items: center; gap: 12px; min-width: 0; }
.app-socials-page .socials-editorial .socials-icon { display: inline-grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid var(--profile-border); border-radius: 10px; color: var(--profile-ink); background: var(--profile-canvas); }
.app-socials-page .socials-editorial .socials-card-heading { min-width: 0; }
.app-socials-page .socials-editorial .socials-card-title { margin: 0; color: var(--profile-ink); font: 550 15px/1.5 var(--font-sans, sans-serif); letter-spacing: -.02em; }
.app-socials-page .socials-editorial .socials-card-handle { margin: 2px 0 0; color: var(--profile-muted); font: 10px/1.6 var(--font-mono, monospace); overflow-wrap: anywhere; }
.app-socials-page .socials-editorial .socials-card-description { flex: 1; margin: 0; color: var(--profile-muted); font: 13px/1.7 var(--font-sans, sans-serif); overflow-wrap: anywhere; }
.app-socials-page .socials-editorial .socials-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; border-top: 1px solid var(--profile-border); color: var(--profile-ink); }
.app-socials-page .socials-editorial .socials-cta { font: 500 12px/1.5 var(--font-sans, sans-serif); }
.app-socials-page .socials-editorial .socials-arrow { flex-shrink: 0; }
@media (max-width: 640px) {
  .app-socials-page .socials-editorial .socials-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .app-socials-page .socials-editorial .socials-card { gap: 12px; padding: 16px 16px 0; }
  .app-socials-page .socials-editorial .socials-intro { margin-bottom: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .app-socials-page .socials-editorial .socials-card { transition: none; }
}
@media (forced-colors: active) {
  .app-socials-page .socials-editorial .socials-card { border-color: ButtonText; }
  .app-socials-page .socials-editorial .socials-card:focus-visible { outline-color: Highlight; }
}