/*
 * 占い師詳細 投稿タブ
 * ワイヤー: 占い師投稿.html
 */

.teller-posts-tab__heading { padding:32px 16px 16px; background:#f5f5f5; }
.teller-posts-tab__heading h2 { font-size:20px; font-weight:500; font-family:'Noto Sans JP', sans-serif; color:rgba(0,0,0,0.87); line-height:1.5; margin:0; }

.teller-posts-tab__empty { background:#fff; padding:32px 16px; text-align:center; color:rgba(0,0,0,0.6); font-size:13px; }

.teller-posts-tab__list { background:#fff; }

.teller-posts-tab__card { background:#fff; padding:16px; border-bottom:1px solid rgba(0,0,0,0.12); display:flex; flex-direction:column; gap:6px; text-decoration:none; color:inherit; cursor:pointer; }
.teller-posts-tab__card:hover { background:#fafafa; }
.teller-posts-tab__meta { display:flex; align-items:center; gap:10px; }
.teller-posts-tab__date { font-size:12px; color:#333; line-height:1.5; }

.teller-posts-tab__img { width:183px; height:122px; background:rgba(0,0,0,0.56); border-radius:16px; display:flex; align-items:center; justify-content:center; margin:0 auto; overflow:hidden; }
.teller-posts-tab__img img { width:100%; height:100%; object-fit:cover; }

.teller-posts-tab__title { font-size:14px; font-weight:500; color:rgba(0,0,0,0.87); line-height:1.5; margin:0; }
.teller-posts-tab__body  { font-size:16px; color:rgba(0,0,0,0.87); line-height:1.7; margin:0; }
.teller-posts-tab__more  { color:#1976d2; }

/* Batch 非表示（初回は batch 0 のみ表示） */
.teller-posts-tab__list[data-visible-batch="0"] [data-batch]:not([data-batch="0"]) { display:none; }
.teller-posts-tab__list[data-visible-batch="1"] [data-batch]:not([data-batch="0"]):not([data-batch="1"]) { display:none; }
.teller-posts-tab__list[data-visible-batch="2"] [data-batch]:not([data-batch="0"]):not([data-batch="1"]):not([data-batch="2"]) { display:none; }
.teller-posts-tab__list[data-visible-batch="3"] [data-batch]:not([data-batch="0"]):not([data-batch="1"]):not([data-batch="2"]):not([data-batch="3"]) { display:none; }
.teller-posts-tab__list[data-visible-batch="4"] [data-batch]:not([data-batch="0"]):not([data-batch="1"]):not([data-batch="2"]):not([data-batch="3"]):not([data-batch="4"]) { display:none; }
.teller-posts-tab__list[data-visible-batch="5"] [data-batch]:not([data-batch="0"]):not([data-batch="1"]):not([data-batch="2"]):not([data-batch="3"]):not([data-batch="4"]):not([data-batch="5"]) { display:none; }

.teller-posts-tab__spinner { display:flex; align-items:center; justify-content:center; padding:24px 0; }
.teller-posts-tab__spinner[hidden] { display:none; }
.teller-posts-tab__spinner::after { content:''; width:28px; height:28px; border:3px solid #e0e0e0; border-top-color:#888; border-radius:50%; animation:teller-posts-spin 0.7s linear infinite; }
@keyframes teller-posts-spin { to { transform:rotate(360deg); } }

.teller-posts-tab__sentinel { height:1px; }

.teller-posts-tab__load-more { background:#fff; padding:16px; display:flex; justify-content:center; }
.teller-posts-tab__load-more[hidden] { display:none; }
.teller-posts-tab__load-more button { display:flex; align-items:center; gap:8px; padding:8px 16px; background:#fff; border:1px solid rgba(0,0,0,0.15); border-radius:4px; cursor:pointer; font-size:12px; font-weight:500; color:rgba(0,0,0,0.87); letter-spacing:0.46px; min-height:44px; }