.ruby-why { background: #f8f0f4; border-block: 1px solid #f0dce6; }
.ruby-why .ruby-why__inner { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 5vw, 82px); padding-block: clamp(58px, 7vw, 98px); }
.ruby-why .ruby-why__copy { text-align: center; }
.ruby-why .ruby-why__copy h2 { max-width: 650px; margin-inline: auto; color: #6f2149; font-size: clamp(2.4rem, 4.2vw, 4.5rem); line-height: 1.02; }
.ruby-why .ruby-why__copy p { max-width: 610px; margin-inline: auto; color: #695260; font-size: clamp(.98rem, 1.25vw, 1.12rem); line-height: 1.68; }
.ruby-why__table-wrap { width: 100%; min-width: 0; }
.ruby-why__table { width: 100%; border-collapse: collapse; table-layout: fixed; color: #604959; }
.ruby-why__table th, .ruby-why__table td { padding: 11px 5px; text-align: center; }
.ruby-why__table thead th { color: #632642; font-family: var(--font-heading-family, Georgia, serif); font-size: clamp(1.1rem, 1.7vw, 1.65rem); font-weight: 700; }
.ruby-why__table thead th:first-child { color: #6f2149; font-family: var(--font-family, Arial, sans-serif); font-weight: 800; letter-spacing: -.035em; }
.ruby-why__table thead th:nth-child(2) { width: 50%; }
.ruby-why__table thead th:not(:nth-child(2)) { width: 25%; }
.ruby-why__table tbody tr { border-bottom: 1px solid #dccad4; }
.ruby-why__table tbody th { color: #5d4050; font-family: var(--font-heading-family, Georgia, serif); font-size: clamp(1rem, 1.4vw, 1.35rem); font-weight: 700; letter-spacing: .015em; text-transform: uppercase; }
.ruby-why__mark { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; font-family: Arial, sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1; }
.ruby-why__mark--yes { background: #aa3d75; color: #fff; }
.ruby-why__mark--no { background: #e3dfe1; color: #654958; }
@media (max-width: 860px) {
  .ruby-why .ruby-why__inner { grid-template-columns: 1fr; gap: 28px; }
  .ruby-why__table-wrap { max-width: 670px; margin-inline: auto; }
}
@media (max-width: 580px) {
  .ruby-why .ruby-why__inner { width: calc(100% - 28px); padding-block: 54px; }
  .ruby-why .ruby-why__copy h2 { font-size: clamp(2.15rem, 10vw, 3rem); }
  .ruby-why__table thead th { font-size: .95rem; }
  .ruby-why__table tbody th { font-size: .84rem; line-height: 1.25; }
  .ruby-why__table th, .ruby-why__table td { padding: 9px 3px; }
  .ruby-why__mark { width: 32px; height: 32px; font-size: 1.16rem; }
}