#app {
  background: var(--color-grey-800);
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem;
  text-align: center;
  border-radius: 1rem;
  gap: 1.5rem;
  width: 24rem;
  box-sizing: border-box;
}

.profile { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; }
.content { display: flex; flex-direction: column; gap: 0.5rem; }

.image {
  width: 5rem;               /* 44px → 32px (디자인 크기) */
  height: 5rem;
  border: 1px solid transparent;
  border-radius: 50%;
  overflow: hidden;
}

img {
  max-width: 100%;
}

.address {
  color: var(--color-green);
}

.name {
  font-size: 1.5rem;
  font-weight: 700;
}

.address {
  font-weight: 600;
}

.sns-list {
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.sns-button {
  background: var(--color-grey-700);
  max-width: 100%;
  border-radius: 0.5rem;
  padding: 0.75rem;
}

.sns-button a {
  display: block;   /* 링크 전체가 클릭 영역이 되도록 */
  color: inherit;
  text-decoration: none;
}

.sns-button:hover {
  background: var(--color-green);
  color: var(--color-grey-900);
  cursor: pointer;
}