/* 頁面 02 Why 專屬樣式。
   注意:#screen-why 本身絕不可設 display(見 docs/LESSONS_LEARNED.md 2026-07-23「T-011」條目)—
   layout 一律放在頁面自己的 wrapper class 上。 */
.p02-page {
  padding: 6px 24px 34px;
  text-align: center;
}

.p02-title {
  font-weight: 900;
  font-size: clamp(30px, 10vw, 38px);
  color: var(--ink);
  margin-top: 14px;
}

.p02-cards {
  display: flex;
  gap: 16px;
  margin-top: 34px;
}

.p02-card {
  flex: 1;
  padding: 22px 12px;
}
/* T-055:素材到位後這裡是 <img>。心臟 218×296(直)、肺臟 318×274(橫)長寬比不同,
   用固定高度 + contain 讓兩張各自完整顯示、視覺量體又對齊 */
.p02-card__art {
  display: block;
  width: 100%;
  height: 120px;
  object-fit: contain;
}
.p02-card__title {
  font-weight: 900;
  font-size: clamp(21px, 6.5vw, 26px);
  margin-top: 16px;
  color: var(--ink);
}
.p02-card__desc {
  font-weight: 500;
  font-size: 15px;
  margin-top: 6px;
  color: var(--ink-muted);
}

.p02-desc {
  margin-top: 40px;
  font-weight: 900;
  font-size: clamp(19px, 6vw, 22px);
  line-height: 1.55;
  color: var(--ink);
}

.p02-highlight {
  margin-top: 26px;
  font-weight: 900;
  font-size: clamp(27px, 8.5vw, 34px);
  color: var(--red-accent);
}

.p02-btn { margin-top: 40px; }