/* NE Design System — responsive.css — Phase 2 (#65) */
/* Centralized media queries for the design system */

/* === Tablet (max 1024px) === */
@media only screen and (max-width: 1024px) {
	.ne-container {
		padding: 0 var(--ne-space-5);
	}

	.ne-grid--4 {
		grid-template-columns: repeat(2, 1fr);
	}

	.ne-grid--3 {
		grid-template-columns: repeat(2, 1fr);
	}

	.ne-grid--sidebar {
		grid-template-columns: 1fr;
	}

	.ne-footer__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ne-nav__links {
		display: none;
	}

	.ne-nav__hamburger {
		display: flex;
	}

	.ne-nav__actions .ne-btn {
		display: none;
	}
}

/* === Mobile (max 750px) === */
@media only screen and (max-width: 750px) {
	:root {
		--ne-section-pad: 32px 16px;
	}

	.ne-container {
		padding: 0 var(--ne-space-4);
	}

	.ne-grid--4,
	.ne-grid--3,
	.ne-grid--2 {
		grid-template-columns: 1fr;
	}

	.ne-footer__grid {
		grid-template-columns: 1fr;
		gap: var(--ne-space-6);
	}

	.ne-footer__bottom {
		flex-direction: column;
		gap: var(--ne-space-3);
		text-align: center;
	}

	.ne-hero {
		min-height: 280px;
		padding: var(--ne-space-7) var(--ne-space-4);
	}

	.ne-hero__title {
		font-size: 2.2rem;
	}

	.ne-hero__subtitle {
		font-size: 1rem;
	}

	h1, .ne-h1 {
		font-size: 1.8rem;
		letter-spacing: -1px;
	}

	h2, .ne-h2 {
		font-size: 1.4rem;
	}

	.ne-tabs__btn {
		font-size: 0.688rem;
		padding: var(--ne-space-2) var(--ne-space-3);
	}

	.ne-table {
		font-size: 0.8rem;
	}

	.ne-table th,
	.ne-table td {
		padding: var(--ne-space-2) var(--ne-space-3);
	}
}

/* === Small mobile (max 480px) === */
@media only screen and (max-width: 480px) {
	.ne-btn--full-mobile {
		width: 100%;
	}
}