/* Final v212 polish: precise readability and interaction repairs only. */

body main :is(h1, h2, h3) {
  text-wrap: balance;
}

body main :is(p, li) {
  text-wrap: pretty;
}

body :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--theme-aqua, #35c7c7), white 16%) !important;
  outline-offset: 3px !important;
}

html[data-theme="light"] body main .process-prep-section .process-prep-feature .process-prep-copy > p.eyebrow {
  color: #5a2f83 !important;
  -webkit-text-fill-color: #5a2f83 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

html[data-theme="light"] body .process-prep-copy > h2 {
  color: #21152e !important;
  -webkit-text-fill-color: #21152e !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.96), 0 8px 24px rgba(255, 255, 255, 0.52) !important;
}

html[data-theme="light"] body .process-prep-copy > p:not(.eyebrow) {
  color: #403449 !important;
  -webkit-text-fill-color: #403449 !important;
  text-shadow: none !important;
}

html[data-theme="light"] body .process-media-card {
  background: #fffaf2 !important;
  border-color: rgba(58, 35, 75, 0.2) !important;
  box-shadow: 0 18px 42px rgba(35, 20, 48, 0.18) !important;
}

html[data-theme="light"] body .process-media-card figcaption {
  background: #fffaf2 !important;
  color: #403449 !important;
  -webkit-text-fill-color: #403449 !important;
  text-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  body :is(a, button, input, select, textarea, summary) {
    scroll-behavior: auto !important;
  }
}