/**
 * CMC Journal Responsive Styles
 */

@media (max-width: 1024px) {
	.cmc-article-layout {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.cmc-article-sidebar {
		position: static;
		order: -1; /* Place quick tools above or in accordion on tablet/mobile */
	}

	.cmc-footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 28px;
	}
}

@media (max-width: 768px) {
	.cmc-header-main__inner {
		flex-wrap: wrap;
	}

	.cmc-nav {
		display: none; /* Controlled via mobile menu toggle */
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background-color: var(--cmc-surface);
		border-bottom: 2px solid var(--cmc-border);
		padding: 20px 24px;
		box-shadow: var(--cmc-shadow-lg);
		max-height: 80vh;
		overflow-y: auto;
	}

	.cmc-nav.is-open {
		display: block;
		animation: cmcDropdownFade 0.2s ease-out forwards;
	}

	.cmc-nav__list {
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
		width: 100%;
	}

	.cmc-nav__item {
		width: 100%;
	}

	.cmc-nav__link {
		width: 100%;
		padding: 10px 14px;
		justify-content: space-between;
	}

	.cmc-dropdown-menu {
		position: static;
		box-shadow: none;
		border: none;
		border-left: 2px solid var(--cmc-primary);
		margin: 4px 0 8px 14px;
		padding: 4px 0 4px 10px;
		display: block;
		background: transparent;
	}

	.cmc-dropdown-menu a {
		padding: 8px 12px;
	}

	.cmc-article-title {
		font-size: 26px;
	}

	.cmc-article-reading-body {
		font-size: 17px;
	}

	.cmc-card-grid {
		grid-template-columns: 1fr;
	}

	.cmc-footer-grid {
		grid-template-columns: 1fr;
	}

	.cmc-footer-bottom {
		flex-direction: column;
		gap: 12px;
		text-align: center;
	}

	.cmc-top-bar {
		display: none; /* Hide secondary top bar on small screens to save vertical space */
	}
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}