/* AI Tools Universe — design system extras on top of Tailwind CDN */
.section-title {
  font-family: Georgia, Cambria, serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #0f1c2e;
  letter-spacing: -0.01em;
}
.form-input {
  border: 1px solid #cbd5e1;
  border-radius: 0.5rem;
  padding: 0.625rem 0.875rem;
  font-size: 0.875rem;
  background: #fff;
  color: #0f1c2e;
}
.form-input:focus {
  outline: none;
  border-color: #fbbf24;
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.25);
}
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.bg-ink { background-color: #0f1c2e; }
.text-ink { color: #0f1c2e; }
.compare-table th[scope="row"] { min-width: 110px; }
.upvote-btn.voted { border-color: #f59e0b; background: #fffbeb; color: #b45309; }
.stack-btn.stacked { border-color: #10b981; background: #ecfdf5; color: #047857; }
details.faq-item > summary { list-style: none; }
details.faq-item > summary::-webkit-details-marker { display: none; }
.direct-answer a { color: #fcd34d; text-decoration: underline; }
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}
/* Print friendliness for comparison pages */
@media print {
  .site-header, .site-footer, .ad-slot, #filter-bar { display: none !important; }
}