/* blocks/friends.css — LINKS 블록의 "내 배너" 박스 (스킨 style.css 와 별개)
   윗선에 이름표가 걸리고, 배너·설명이 가운데 정렬 */
.my-banner-row {
  position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px;
  margin: 18px 0 20px; padding: 24px 16px 16px; text-align: center; border-radius: 14px;
  background: color-mix(in srgb, var(--accent) 9%, var(--paper));
  border: 1.5px dashed color-mix(in srgb, var(--accent) 50%, transparent);
}
.mb-tag {
  position: absolute; top: -11px; left: 50%; transform: translateX(-50%); white-space: nowrap;
  padding: 2px 14px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .1em;
  background: var(--paper); color: color-mix(in srgb, var(--accent) 55%, var(--ink));
  border: 1.5px solid var(--accent);
}
.my-banner-row .own-banner { margin: 0; max-width: 100%; }
.mb-note { font-size: 12px; line-height: 1.55; color: var(--ink-soft); }
.mb-note small { display: block; margin-top: 1px; font-size: 11px; color: var(--ink-mute); }