/* Minimal custom styles to complement Tailwind */
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Utility fallback if Tailwind not loaded */
@media (prefers-color-scheme: dark) {
  :root { color-scheme: light dark; }
}

/* Accessibility: larger, more legible form controls site‑wide */
/* Applies to text/number/email/password/url/time/date inputs, selects, and textareas */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea {
  font-size: 1rem;          /* 16px default */
  line-height: 1.5;         /* better readability */
  padding: 0.625rem 0.75rem;/* 10px 12px */
  border-width: 2px;        /* thicker border for contrast */
  border-radius: 0.5rem;    /* 8px corners */
  min-height: 44px;         /* comfortable touch target */
}

/* Consistent placeholder contrast */
input::placeholder,
textarea::placeholder { color: #9ca3af; }

/* Improve select readability and tap target */
select { padding-right: 2.25rem; }

/* Optional larger control you can apply where needed */
.form-control-lg {
  font-size: 1.125rem;      /* 18px */
  padding: 0.75rem 0.875rem;
  min-height: 48px;
}