/*
Theme Name: Recoup-X Media (SWELL Child)
Template: swell
Author: Recoup-X
Version: 0.1.0
Description: リクープX BPOメディア向け SWELL 子テーマ。CTAブロック・監修者カード・REST API認証拡張を実装。
*/

/* CSS変数（親テーマと色味を統一） */
:root {
  --recoup-primary: #0E63B6;
  --recoup-accent: #FF9F45;
  --recoup-ink: #1F2937;
  --recoup-paper: #F8FAFC;
}

/* 記事タイポグラフィの微調整 */
.post_content {
  line-height: 1.9;
}

.post_content h2 {
  border-left: 6px solid var(--recoup-primary);
  padding-left: 14px;
  margin-top: 2.5em;
}

.post_content h3 {
  color: var(--recoup-primary);
  margin-top: 2em;
}

/* CTA ブロック共通 */
.recoup-cta-box {
  background: linear-gradient(135deg, var(--recoup-paper), #fff);
  border: 2px solid var(--recoup-primary);
  border-radius: 12px;
  padding: 24px;
  margin: 32px 0;
}

.recoup-cta-box .cta-title {
  font-weight: bold;
  color: var(--recoup-primary);
  margin-bottom: 8px;
}

.recoup-cta-button {
  display: inline-block;
  background: var(--recoup-primary);
  color: #fff !important;
  padding: 12px 28px;
  border-radius: 8px;
  font-weight: bold;
  text-decoration: none;
  margin-top: 12px;
}

/* 監修者カード */
.recoup-supervisor-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 20px;
  margin: 24px 0;
  display: flex;
  gap: 16px;
  align-items: center;
}

.recoup-supervisor-card .avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.recoup-supervisor-card .meta {
  flex: 1;
}

.recoup-supervisor-card .name {
  font-weight: bold;
  font-size: 18px;
}

.recoup-supervisor-card .title {
  font-size: 13px;
  color: #6b7280;
}

.recoup-supervisor-card .comment {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.7;
}