.ocf-dexa-method { padding-block: clamp(16px, 2.5vw, 28px); }

.ocf-dexa-method__card {
  max-width: 960px;
  margin-inline: auto;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--ocf-border-light, var(--ocf-border));
  border-radius: var(--card-radius, var(--ocf-radius));
  background: var(--ocf-bg-alt);
}

.ocf-dexa-method__heading {
  margin: 0 0 0.75rem;
  color: var(--ocf-heading);
  font-family: var(--ocf-font-heading), system-ui, sans-serif;
  font-size: clamp(1.6rem, 3vw, var(--font-h2-size));
  line-height: 1.15;
}

.ocf-dexa-method__copy {
  max-width: 76ch;
  margin: 0;
  color: var(--ocf-body);
  font-size: var(--font-body-size);
  line-height: 1.7;
}

@media (max-width: 640px) {
  .ocf-dexa-method__card { padding: 1.125rem; }
}