/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Utility for aspect ratios if not using tailwind plugin */
.aspect-w-16 { position: relative; padding-bottom: 56.25%; }
.aspect-h-9 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.aspect-w-4 { position: relative; padding-bottom: 75%; }
.aspect-h-3 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.aspect-w-1 { position: relative; padding-bottom: 100%; }
.aspect-h-1 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.aspect-w-16 > img, .aspect-w-4 > img, .aspect-w-1 > img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* Micro-animations and Utilities */
.prose-brand a {
    color: #0ea5e9;
    text-decoration: underline;
    transition: color 0.2s ease-in-out;
}
.prose-brand a:hover {
    color: #0284c7;
}