/* Base */
*, *::before, *::after { box-sizing: border-box; }
img { display: block; max-width: 100%; }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }

/* YouTube Facade */
.yt-facade--full {
    aspect-ratio: 9/16;
}
@media (min-width: 640px) {
    .yt-facade--full { aspect-ratio: 16/9; }
}
.yt-facade--card {
    aspect-ratio: 9/16;
}

/* Scrollbar hide for nav overflow */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Line clamp polyfill */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Monthly chart bars need relative positioning context */
.year-group { position: relative; }