/* ImmortalityLab.ai - minimal custom overrides on top of Tailwind */
html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }

/* Subtle hover lift for article cards */
.card-lift { transition: transform .25s ease, box-shadow .25s ease; }
.card-lift:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -20px rgba(13,148,136,.35); }

/* Hide scrollbar on horizontal chip bars */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Line clamp fallback */
.line-clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.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; }

/* Tabbed mega menu - active rail link */
.mega-rail-active {
    background: #ffffff;
    color: #0f766e;                /* brand-700 */
    border-left-color: #14b8a6;    /* brand-500 */
}
.mega-menu[data-mega-accent="accent"] .mega-rail-active {
    color: #4338ca;                /* accent-700 */
    border-left-color: #6366f1;    /* accent-500 */
}
.mega-rail-active svg { color: #14b8a6; }
.mega-menu[data-mega-accent="accent"] .mega-rail-active svg { color: #6366f1; }

/* Prose tweaks for article pages */
.prose-il p { margin-bottom: 1rem; line-height: 1.75; color: #334155; }
.prose-il h2 { font-size: 1.5rem; font-weight: 800; color: #0f172a; margin-top: 2.25rem; margin-bottom: .75rem; }
.prose-il h3 { font-size: 1.2rem; font-weight: 700; color: #0f172a; margin-top: 1.75rem; margin-bottom: .5rem; }
.prose-il ul { list-style: disc; padding-left: 1.25rem; margin-bottom: 1rem; color: #334155; }
.prose-il ol { list-style: decimal; padding-left: 1.25rem; margin-bottom: 1rem; color: #334155; }
.prose-il li { margin-bottom: .35rem; }
.prose-il blockquote { border-left: 4px solid #14b8a6; background: #f0fdfa; padding: .75rem 1rem; margin: 1rem 0; color: #134e4a; font-style: italic; border-radius: .25rem; }
.prose-il a { color: #0d9488; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.prose-il a:hover { color: #0f766e; }
.prose-il code { background: #f1f5f9; padding: .1rem .35rem; border-radius: .25rem; font-size: .9em; }
.prose-il table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .95em; }
.prose-il th, .prose-il td { border: 1px solid #e2e8f0; padding: .5rem .75rem; text-align: left; }
.prose-il th { background: #f8fafc; font-weight: 700; }

/* Summary callout box (evidence-based teal border) */
.summary-callout {
    border-left: 4px solid #14b8a6;
    background: linear-gradient(135deg, #f0fdfa 0%, #ffffff 100%);
    padding: 1rem 1.25rem;
    border-radius: .5rem;
    color: #134e4a;
    font-size: 1.05rem;
    line-height: 1.6;
    margin: 1.5rem 0;
}