/* =========================
   Profile UI
   ========================= */
/* プロフィール全体はTL領域いっぱいに使う */
.rs-profile{
  width: 100%;
  max-width: none;
  margin: 0;
}

.rs-prof-header{
  height: 130px;
  border-radius: 16px;
}

/* 中身を読みやすい幅にしたい場合は body 側で制御（任意） */
.rs-prof-body{
  width: 100%;
  max-width: 760px;   /* ここは好み。不要なら消してOK */
  margin: 0 auto;
}

.rs-prof-avatar{
  width: 92px;
  height: 92px;
  border-radius: 999px;
  overflow: hidden;
  border: 6px solid #fff;   /* 白の太線 */
  background: #fff;
  position: absolute;
  top: -46px;               /* 半分ヘッダに被せる */
  left: 16px;
}
.rs-prof-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rs-prof-name{
  padding-top: 56px;        /* アイコン被り分の余白 */
  padding-left: 0;
}
.rs-prof-username{ font-weight: 800; font-size: 18px; }
.rs-prof-userid{ color: rgba(0,0,0,.55); margin-top: 2px; }

.rs-prof-bio{
  margin-top: 14px;
  margin-bottom: 14px;
  white-space: pre-wrap;
}

.rs-prof-created{
  color: rgba(0,0,0,.55);
  font-size: 13px;
  margin-bottom: 12px;
}
.rs-prof-hr{
  height: 1px;
  background: rgba(0,0,0,.12);
  margin-bottom: 10px;
}

.rs-prof-tabs{
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.rs-prof-tab{
  flex: 1;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  border-radius: 12px;
  padding: 10px 8px;
  font-weight: 800;
}
.rs-prof-tab.is-on{
  background: rgba(0,0,0,.06);
}

.rs-prof-loading,
.rs-prof-empty,
.rs-prof-error{
  padding: 18px 8px;
  color: rgba(0,0,0,.6);
}

/* プロフィール：アイコンが消える/切れる対策 */
.rs-profile,
.rs-prof-header,
.rs-prof-body{
  overflow: visible;
}

.rs-prof-body{
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
}

/* アイコンを確実に表示・前面に */
.rs-prof-avatar{
  z-index: 5;
}

/* 名前/ID/登録日が左にべったり問題 → 余白 */
.rs-prof-name,
.rs-prof-bio,
.rs-prof-created,
.rs-prof-hr,
.rs-prof-tabs-wrap,
.rs-prof-content{
  padding-left: 8px;
  padding-right: 8px;
}

/* アイコンと名前が被る場合は、名前ブロックを右に寄せる */
.rs-prof-name{
  margin-left: 0px;     /* アイコン(92) + 白枠(6*2) + 余白 */
}

.rs-prof-created{
  margin-left: 0px; /* ←ユーザ名/IDと揃える */
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* プロフィール：タブコンテンツ領域は余白ゼロ（投稿カードは通常TLと同じ詰め） */
.rs-prof-content{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* プロフィール内の投稿リスト（通常TLと同じ見え方に） */
.rs-prof-posts{
  padding-left: 0 !important;
  padding-right: 0 !important;
}