/* Mobile floor: Yandex treats text under 12px as not mobile-friendly. */
.text-\[8px\],
.text-\[9px\],
.text-\[10px\],
.text-\[11px\],
.text-\[clamp\(10px\,1\.8svh\,11px\)\],
.text-\[clamp\(10px\,1\.9svh\,11px\)\] {
  font-size: 12px;
}

/* Utilities missing from the production Tailwind build. */
.contents {
  display: contents;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.bg-oil-2\/30 {
  background-color: color-mix(in oklab, var(--oil-2) 30%, transparent);
}

.bg-oil-2\/40 {
  background-color: color-mix(in oklab, var(--oil-2) 40%, transparent);
}

.text-\[clamp\(1\.5rem\,4vw\,2\.25rem\)\] {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
}

@media (min-width: 40rem) {
  .sm\:text-\[10px\] {
    font-size: 12px;
  }

  .sm\:p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .sm\:p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .sm\:text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}

.hero-ghost-cta,
a.px-5.py-2 {
  min-height: 44px;
}

label:has(> input[type="checkbox"]) {
  min-height: 44px;
}

input[type="checkbox"] {
  width: 1.25rem;
  height: 1.25rem;
}