/* ========================================
   DataScience Lab
   article-people.css
   people シリーズ専用
   - 温かみのある土色
   - 人物 / インタビュー / 学びの余韻
======================================== */

.people-article {
  --people-main: #C86A3B;
  --people-dark: #8A4728;
  --people-soft: rgba(200, 106, 59, 0.08);
  --people-soft-strong: rgba(200, 106, 59, 0.16);
  --people-sub: #E6B89C;
  --people-line: rgba(200, 106, 59, 0.18);
}

.people-article .people-profile,
.people-article .people-turning-point,
.people-article .people-summary,
.people-article .people-next {
  margin: 28px 0;
  padding: 22px 24px;
  border: 1px solid var(--article-border);
  border-radius: 18px;
  background: #ffffff;
}

.people-article .people-profile {
  border-left: 4px solid var(--people-main);
  background:
    radial-gradient(circle at right top, rgba(230, 184, 156, 0.16), transparent 24%),
    #ffffff;
}

.people-article .people-profile__title,
.people-article .people-turning-point__title,
.people-article .people-summary__title,
.people-article .people-next__title {
  margin: 0 0 10px;
  color: var(--people-dark);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
}

.people-article .people-quote {
  margin: 24px 0;
  padding: 18px 20px;
  border-left: 4px solid var(--people-main);
  border-radius: 0 16px 16px 0;
  background: #fff8f4;
  color: #4d3428;
}

.people-article .people-qa {
  display: grid;
  gap: 16px;
  margin: 28px 0;
}

.people-article .people-qa__item {
  padding: 18px 20px;
  border: 1px solid var(--people-line);
  border-radius: 16px;
  background: #ffffff;
}

.people-article .people-qa__q {
  margin: 0 0 8px;
  color: var(--people-main);
  font-weight: 700;
}

.people-article .dsl-inline-diagram {
  border-color: rgba(200, 106, 59, 0.18) !important;
  background:
    radial-gradient(circle at right top, rgba(230, 184, 156, 0.12), transparent 22%),
    #ffffff !important;
}

.people-article .dsl-banner-link {
  border-left: 4px solid var(--people-main);
}