/* ============================================================
    index.css
    index.html 専用のスタイル（common.css の差分）
   ============================================================ */

* { box-sizing: border-box; }

/* ── Content cards ── */
.content-card {
  background: #fff;
  border: 1px solid #e8e2da;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.22s ease;
  cursor: pointer;
}
.content-card:hover {
  box-shadow: 0 8px 28px rgba(132, 22, 21, 0.1);
  transform: translateY(-2px);
}

/* ── Section heading (accent-bar style) ── */
.header-accent {
  width: 3px;
  height: 1.2rem;
  background: #841615;
  display: inline-block;
  border-radius: 2px;
  margin-right: 8px;
  flex-shrink: 0;
}
.header-accent.green { background: #1a6b52; }

/* ── Hero banner ── */
.hero-banner {
  background: linear-gradient(135deg, #841615 0%, #5e0f0e 50%, #3d0909 100%);
  position: relative;
  overflow: hidden;
}
.hero-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* ── Tags ── */
.tag-pill {
  display: inline-flex;
  align-items: center;
  border: 1px solid #d4cdc6;
  border-radius: 20px;
  padding: 0.2rem 0.65rem;
  font-size: 0.73rem;
  color: #5a504a;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
  background: #fff;
}
.tag-pill:hover  { border-color: #841615; color: #841615; background: #f9eded; }
.tag-pill.active { border-color: #841615; color: #841615; background: #f9eded; font-weight: 600; }
.tags-row { display: flex; flex-wrap: nowrap; gap: 0.4rem; overflow: hidden; }
.tags-row.expanded { flex-wrap: wrap; }

/* ── News list ── */
.news-row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.7rem 1rem;
  border-bottom: 1px solid #e8e2da;
  text-decoration: none;
  transition: background 0.15s;
}
.news-row:last-child { border-bottom: none; }
.news-row:hover { background: #faf5f5; }
.news-date {
  font-size: 0.74rem;
  color: #841615;
  font-weight: 600;
  white-space: nowrap;
  min-width: 5.5rem;
  padding-top: 2px;
  font-family: 'Noto Serif JP', serif;
}

/* ── index 固有: ハンバーガー強制非表示 ── */
@media (min-width: 1024px) {
  #hamburger-btn { display: none !important; }
}