/* Arsal Computers — custom styles layered on top of Tailwind */

html { scroll-behavior: smooth; }

/* Line clamp helper (in case the Tailwind plugin isn't loaded) */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Alpine x-cloak */
[x-cloak] { display: none !important; }

/* Subtle custom scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }