html { scroll-behavior: smooth; }
body { font-family: 'Open Sans', sans-serif; }
h1, h2, h3, h4, h5, h6, .font-heading { font-family: 'Montserrat', sans-serif; }
[x-cloak] { display: none !important; }
.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; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: hsl(230,20%,95%); border-radius: 4px; }
::-webkit-scrollbar-thumb { background: hsl(230,55%,33%); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: hsl(42,87%,59%); }
::-webkit-scrollbar-corner { background: hsl(230,20%,95%); }
* { scrollbar-width: thin; scrollbar-color: hsl(230,55%,33%) hsl(230,20%,95%); }

.eq-card { transition: transform 0.2s, box-shadow 0.2s; }
.eq-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,0.1); }

.filter-btn { transition: all 0.2s; }
.filter-btn.active { background: hsl(42,87%,59%); color: hsl(230,55%,33%); }