/**
 * About Us page — supplemental styles for Tailwind-based layout.
 * Tailwind handles most styling; this file covers edge cases and smooth scroll.
 */

/* Fix Tailwind's .container overriding theme's .container max-width in header/footer */
.site-header .container,
.site-footer .container {
    max-width: var(--container-max, 1200px) !important;
    margin-inline: auto !important;
}

/* Smooth scroll for anchor links */
.about-content {
    scroll-behavior: smooth;
}

/* Lucide icon display fix — ensure icons render as inline-block */
.about-content i[data-lucide] {
    display: inline-block;
    vertical-align: middle;
}

/* Line clamp utility (used in cards if needed) */
.about-content .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}