@media (min-width: 40rem) {
	.mmr-container {
		width: min(100% - 3rem, var(--mmr-container));
	}

	.mmr-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mmr-two-column-cards,
	.mmr-pros-cons,
	.mmr-evidence-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mmr-content-card {
		grid-template-columns: minmax(12rem, 0.72fr) minmax(0, 1.28fr);
	}

	.mmr-content-card__image {
		height: 100%;
		aspect-ratio: auto;
	}

	.mmr-review-summary__main {
		grid-template-columns: auto minmax(0, 1fr);
		align-items: center;
	}

	.mmr-score-grid,
	.mmr-metric-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mmr-footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 56.25rem) {
	body.mmr-menu-open {
		overflow: auto;
	}

	.mmr-site-header {
		position: sticky;
		top: 0;
		backdrop-filter: blur(0.75rem);
	}

	.mmr-header-inner {
		flex-wrap: nowrap;
		min-height: 4.75rem;
	}

	.mmr-js .mmr-menu-toggle,
	.mmr-menu-toggle {
		display: none;
	}

	.mmr-primary-nav,
	.mmr-js .mmr-primary-nav,
	.mmr-js .mmr-primary-nav.is-open {
		display: block;
		width: auto;
		max-height: none;
		overflow: visible;
	}

	.mmr-menu {
		flex-direction: row;
		align-items: center;
		gap: var(--mmr-space-4);
	}

	.mmr-menu a {
		padding: 0.75rem 0;
		border: 0;
		white-space: nowrap;
	}

	.mmr-menu .menu-item-has-children {
		position: relative;
	}

	.mmr-menu .sub-menu {
		position: absolute;
		top: 100%;
		left: -1rem;
		display: none;
		min-width: 13rem;
		padding: var(--mmr-space-2);
		background: var(--mmr-color-surface);
		border: 1px solid var(--mmr-color-line);
		border-radius: var(--mmr-radius-sm);
		box-shadow: var(--mmr-shadow-md);
	}

	.mmr-menu .menu-item-has-children:hover > .sub-menu,
	.mmr-menu .menu-item-has-children:focus-within > .sub-menu {
		display: block;
	}

	.mmr-menu .sub-menu a {
		padding: var(--mmr-space-2);
		white-space: normal;
	}

	.mmr-home-hero {
		padding-block: var(--mmr-space-8);
	}

	.mmr-hero-layout {
		grid-template-columns: minmax(0, 1.65fr) minmax(18rem, 0.75fr);
		align-items: center;
		gap: var(--mmr-space-7);
	}

	.mmr-home-section {
		padding-block: var(--mmr-space-8);
	}

	.mmr-section-heading {
		grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.7fr);
		align-items: end;
		gap: var(--mmr-space-7);
		margin-bottom: var(--mmr-space-6);
	}

	.mmr-card-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mmr-method-layout,
	.mmr-safety-notice {
		grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.85fr);
		align-items: center;
		gap: var(--mmr-space-7);
	}

	.mmr-footer-grid {
		grid-template-columns: 0.75fr 1fr 0.75fr 1.5fr;
	}

	.mmr-score-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 24.375rem) {
	.mmr-container {
		width: min(100% - 1.25rem, var(--mmr-container));
	}

	.mmr-score-grid,
	.mmr-metric-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.mmr-data-list > div,
	.mmr-review-dates > div {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--mmr-space-1);
	}

	.mmr-entry-links .mmr-button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}