/* Responsive breakpoints */

@media (max-width: 1024px) {
	.vm-main-grid { grid-template-columns: 1fr; }
	.vm-cols-6 { grid-template-columns: repeat(4, 1fr); }
	.vm-cols-5, .vm-cols-4 { grid-template-columns: repeat(3, 1fr); }
	.vm-footer-inner { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
	.vm-menu-toggle { display: inline-flex; }
	.vm-primary-nav {
		position: fixed;
		top: 0; right: -100%;
		width: 82%;
		max-width: 360px;
		height: 100vh;
		background: #fff;
		padding: 5rem 2rem 2rem;
		box-shadow: -4px 0 24px rgba(0,0,0,.15);
		transition: right .3s ease;
		z-index: 99;
	}
	.vm-primary-nav.is-open { right: 0; }
	.vm-primary-nav ul { flex-direction: column; gap: 0; }
	.vm-primary-nav li { border-bottom: 1px solid #eee; }
	.vm-primary-nav a { padding: 1rem .5rem; display: block; }
	.vm-cols-6, .vm-cols-5, .vm-cols-4, .vm-cols-3 { grid-template-columns: repeat(2, 1fr); }
	.vm-cols-2 { grid-template-columns: 1fr; }
	.vm-footer-inner { grid-template-columns: 1fr; gap: 1.5rem; text-align: center; }
	.vm-social-list { justify-content: center; }
	.vm-site-tagline { display: none; }
	.vm-hero { padding: 3rem 1rem; }
	.vm-single-post { padding: 1.25rem; }
}

@media (max-width: 480px) {
	.vm-cols-6, .vm-cols-5, .vm-cols-4, .vm-cols-3, .vm-cols-2 { grid-template-columns: 1fr; }
	body { font-size: 15px; }
	.vm-section { padding: 2.5rem 0; }
}

/* High-DPI devices */
@media (min-resolution: 2dppx) {
	.vm-sponsor-card__image img { image-rendering: -webkit-optimize-contrast; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Dark mode auto */
@media (prefers-color-scheme: dark) {
	:root.vm-auto-dark {
		--vm-bg: #121212;
		--vm-text: #eee;
		--vm-text-muted: #aaa;
	}
}