/* ============================================================
 * rinka-timeline.css — りんかタイムライン（/timeline/）の新しい見た目（2026-09-26）
 * 絞り込み・拡大表示は今までどおり fansite.js（initTimelinePage）。ここは見た目だけ。
 * ========================================================== */

.rtl { max-width: 760px; margin: 0 auto; padding: 0 14px 8px; }
.rtl-filters { margin: 0 0 10px; }
.rtl-filters .rfd-chips { margin: 0 0 4px; }
.rtl .rfd-chip.on { background: var(--rfd-rose); border-color: var(--rfd-rose); color: #fff; }

.rtl-list { position: relative; display: grid; gap: 16px; margin: 0 0 26px; padding: 0; }
.rtl-item { margin: 0; scroll-margin-top: 90px; }
.rtl-item[hidden] { display: none; }
.rtl-item:target .rtl-card { box-shadow: 0 0 0 3px #ff9fc6, var(--rfd-shadow); }

.rtl-card { position: relative; overflow: hidden; border-radius: 22px; background: #fff; border: 1px solid var(--rfd-line); box-shadow: var(--rfd-shadow); padding: 0; margin: 0; }
.rtl-card__media { aspect-ratio: 16 / 9; overflow: hidden; background: #f7eef3; }
.rtl-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; display: block; cursor: zoom-in; margin: 0; border-radius: 0; }

/* 種類ごとの見出し画像（絵が無い投稿） */
.rtl-card__band {
	position: relative; height: 92px; display: flex; align-items: center; justify-content: flex-end; padding: 0 18px;
	background:
		radial-gradient(circle at 12% 30%, rgba(255, 255, 255, .8) 0 6px, transparent 7px),
		radial-gradient(circle at 26% 70%, rgba(255, 255, 255, .6) 0 4px, transparent 5px),
		radial-gradient(circle at 40% 36%, rgba(255, 255, 255, .5) 0 3px, transparent 4px),
		linear-gradient(120deg, #ffd6e7, #f3e2ff);
}
.rtl-item--update .rtl-card__band { background-color: #fff; background-image: radial-gradient(circle at 12% 30%, rgba(255,255,255,.8) 0 6px, transparent 7px), radial-gradient(circle at 26% 70%, rgba(255,255,255,.6) 0 4px, transparent 5px), linear-gradient(120deg, #ffe9b8, #ffd6e7); }
.rtl-item--event .rtl-card__band { background-image: radial-gradient(circle at 12% 30%, rgba(255,255,255,.8) 0 6px, transparent 7px), radial-gradient(circle at 26% 70%, rgba(255,255,255,.6) 0 4px, transparent 5px), linear-gradient(120deg, #d9ccff, #ffc9e2); }
.rtl-item--diary .rtl-card__band { background-image: radial-gradient(circle at 12% 30%, rgba(255,255,255,.8) 0 6px, transparent 7px), radial-gradient(circle at 26% 70%, rgba(255,255,255,.6) 0 4px, transparent 5px), linear-gradient(120deg, #cfeee2, #e5f1ff); }
.rtl-item--production .rtl-card__band { background-image: radial-gradient(circle at 12% 30%, rgba(255,255,255,.8) 0 6px, transparent 7px), radial-gradient(circle at 26% 70%, rgba(255,255,255,.6) 0 4px, transparent 5px), linear-gradient(120deg, #ffe0cc, #f6e3ff); }
.rtl-card__bandico { width: 76px; height: 76px; transform: rotate(-8deg); filter: drop-shadow(0 8px 12px rgba(150, 60, 120, .2)); }

.rtl-card__body { padding: 12px 16px 16px; }
.rtl-card__meta { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; font-size: .78rem; color: var(--rfd-soft); }
.rtl-card__type { display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px 2px 4px; border-radius: 999px; background: #fff3f8; color: var(--rfd-rose-ink); font-weight: 800; }
.rtl-card__type .rfd-ico { width: 22px; height: 22px; }
.rtl-card__meta time { font-family: var(--rinka-font-latin, 'Quicksand', sans-serif); font-weight: 700; letter-spacing: .04em; }
.rtl .rtl-card__fav { margin-left: auto; min-width: 44px; min-height: 44px; border-radius: 50%; border: 1px solid #f3d3e1; background: #fff; color: #e0588f; font-size: 1.15rem; line-height: 1; cursor: pointer; padding: 0; }
.rtl .rtl-card__fav.on, .rtl .rtl-card__fav[aria-pressed="true"] { background: #fff0f6; border-color: #ff9fc6; }
.rtl-card__title { margin: 0 0 6px; font-size: 1.05rem; font-weight: 800; line-height: 1.5; color: var(--rfd-ink); }
.rtl-card__text { margin: 0; font-size: .88rem; line-height: 1.9; color: var(--rfd-soft); }
.rtl-card__tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; }
.rtl .rtl-tag { font-size: .72rem; padding: 2px 10px; border-radius: 999px; background: #faf3f7; color: var(--rfd-rose-ink); border: 1px solid #f4e1ea; }
.rtl-card__more { margin: 12px 0 0; }
.rtl .rtl-card__more .rfd-btn { min-height: 44px; }
body.rw26 .rtl .rtl-card { box-shadow: var(--rfd-shadow); }
.rtl .rtl-filters .chips { flex-wrap: nowrap; justify-content: flex-start; }
.rtl .rtl-list::before, .rtl .rtl-list::after { display: none; content: none; }
.rtl .rtl-item::before, .rtl .rtl-item::after { display: none; content: none; }
.rtl .rinka-fs-timeline.rtl-list { padding-left: 0; max-width: none; }