/* ============================================================
   news.css
   /news/ 配下ページスタイル
   レイアウト構造は base.css / layout.css が担当
   ============================================================ */


/* ── News Card ──────────────────── */
.news-single-card {
  background: var(--color-bg-light);
  border: 1px solid var(--color-border);
  padding: var(--space-xl);
}

.news-single-card .wp-block-paragraph {
  color: var(--color-text-dark);
  font-weight: var(--font-regular);
}

* + .news-single-card {
  margin-top: var(--space-md);
}

.news-single-card:has(+ .news-single-actions) {
  margin-bottom: var(--space-lg);
}

.news-single-card .wp-block-separator {
  margin-top: var(--space-lg);
  margin-bottom: var(--space-lg);
}

@media (max-width: 767px) {
  .news-single-card {
    padding: var(--space-lg);
  }
}

/* ── News Module ──────────────────── */
.news-single-card .news-date{
  font-size: var(--text-body);
  color: var(--color-text-sub);
  text-align: right;
}

.news-single-card h2,
.news-single-card h3,
.news-single-card h4 {
  color: var(--color-text-dark);  
  font-weight: var(--font-weight-medium);
}

.news-single-card h2 {
  font-size: var(--text-xl);
  margin-bottom: var(--space-sm);
}

.news-single-card *:first-child {
  margin-top: 0;
}

.news-single-card p {
  font-weight: var(--font-light);
}

.news-single-card * + p {
  margin-top: var(--space-md);
}

/* ── Actions ──────────────────── */
.news-single-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  flex-wrap: wrap;
  margin-top: var(--space-md);
}

.news-single-actions .wp-block-button__link.outline-btn {
  min-width: 200px;
}