/* Height is driven by `rows`, so the shared fixed-height control sizes do not
   apply here — only padding and type scale. */
.ds-textarea {
  height: auto;
  display: block;
}

.ds-textarea--sm {
  padding: var(--ds-space-2xs) var(--ds-space-xs);
  font-size: var(--ds-text-sm);
  line-height: var(--ds-leading-sm);
}

.ds-textarea--md {
  padding: var(--ds-space-xs) var(--ds-space-sm);
  font-size: var(--ds-text-md);
  line-height: var(--ds-leading-md);
}

.ds-textarea--lg {
  padding: var(--ds-space-sm) var(--ds-space-md);
  font-size: var(--ds-text-lg);
  line-height: var(--ds-leading-lg);
}

.ds-textarea--resize-none { resize: none; }
.ds-textarea--resize-vertical { resize: vertical; }
.ds-textarea--resize-both { resize: both; }