/* ============================================================
   content-detail.css
   content-detail.html 専用のスタイル（common.css の差分）
   ============================================================ */
/* ── 詳細タブ ── */
.tab-detail {
  border-bottom: 2px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 0.82rem;
  cursor: pointer;
  transition: all 0.18s;
  color: #8c8680;
}
.tab-detail.active {
  border-bottom-color: #841615;
  color: #841615;
  font-weight: 600;
}
.tab-detail:hover { color: #841615; }

.detail-section { display: none; }
.detail-section.active { display: block; }