/* autolabelling.com — custom styles, Tailwind CDN handles the rest */

html { scroll-behavior: smooth; }

/* FAQ accordion */
.faq-answer { transition: max-height 0.25s ease-out; }

/* Line clamp utilities */
.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; }

/* Scroll offset for sticky header */
[id] { scroll-margin-top: 5rem; }

/* Newsletter input */
input::placeholder { opacity: 0.7; }

/* Subtle card lift on hover */
.group:hover { transform: translateY(-2px); }

/* Prose table styling for blog posts */
.prose table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}
.prose thead {
    border-bottom: 2px solid #e2e8f0;
}
.prose th {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    white-space: nowrap;
}
.prose td {
    padding: 0.75rem 1rem;
    border-top: 1px solid #f1f5f9;
}
.prose tbody tr:hover {
    background-color: #f8fafc;
}
/* Responsive: horizontal scroll on narrow screens */
.prose table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.prose thead,
.prose tbody,
.prose tr,
.prose th,
.prose td {
    display: revert;
}