/* responsive.css — 1280 / 1024 / 768 breakpoints. */

@media (max-width: 1280px) {
	:root { --container: 1040px; }
}

@media (max-width: 1024px) {
	:root {
		--space-section: 72px;
		--container: 92vw;
	}
	.hc-clipping-grid { grid-template-columns: repeat(2, 1fr); }
	.hc-clipping-grid .hc-clipping:nth-child(3n) { border-right: 1px solid var(--c-stone); }
	.hc-clipping-grid .hc-clipping:nth-child(2n) { border-right: 0; padding-right: 0; }
	.hc-clipping-grid .hc-clipping:nth-child(2n+1) { padding-left: 0; }
	.hc-footer__cols { grid-template-columns: repeat(2, 1fr); gap: 32px; }
}

@media (max-width: 768px) {
	:root {
		--space-section: var(--space-section-m);
		--space-block: 36px;
		--gutter: var(--gutter-m);
	}

	.hc-masthead__inner { padding-top: 20px; }
	.hc-masthead__wordmark { font-size: 2rem; letter-spacing: 0.02em; }
	.hc-masthead__date { margin: 8px 0 14px; }

	.hc-nav {
		justify-content: flex-start;
		padding: 10px var(--gutter);
	}
	.hc-nav__toggle { display: inline-block; }
	.hc-nav__list {
		display: none;
		flex-direction: column;
		gap: 10px;
		width: 100%;
		padding: 14px 0 10px;
	}
	.hc-nav__item { width: 100%; }
	.hc-nav__dropdown { position: static; transform: none; display: none; border: 0; padding: 6px 16px; }
	.hc-nav__item.is-open .hc-nav__dropdown { display: block; }

	.hc-hero__title { font-size: 2.2rem; max-width: none; }
	.hc-hero__intro { font-size: 1rem; }
	.hc-review-masthead__title { font-size: 2.25rem; }

	.hc-clipping-grid { grid-template-columns: 1fr; }
	.hc-clipping-grid .hc-clipping { border-right: 0; padding-inline: 0; }

	.hc-tl-list li,
	.hc-tl-list--methods li,
	.hc-tl-list--offers li  { grid-template-columns: 1fr; gap: 8px; }
	.hc-tl-list__byline { text-align: left; }
	.hc-tl-list__thumb  { width: 100%; aspect-ratio: 16 / 9; }

	.hc-footer__cols { grid-template-columns: 1fr; gap: 28px; }

	.hc-compliance-row__inner { font-size: .75rem; }
	.hc-compliance-row__sep { display: none; }
	.hc-compliance-row a { display: inline-block; margin: 2px 6px; }

	.hc-review,
	.hc-prose-container { padding: 0 var(--gutter); }

	.hc-offer-box { padding: 20px; max-width: 100%; }

	.hc-dropcap { font-size: 3.5rem; }

	.hc-list-table { font-size: .8125rem; }
	.hc-list-table thead { display: none; }
	.hc-list-table tbody td { display: block; padding: .3em 0; border: 0; }
	.hc-list-table tbody tr {
		display: block;
		padding: 16px 0;
		border-top: 1px solid var(--c-stone);
	}

	.hc-subscribe { padding: 28px var(--gutter); }
	.hc-agegate__dialog { padding: 28px 22px; }
	.hc-offer-box { margin-inline: 0; }
	.hc-filter-row { row-gap: 8px; }
	.hc-subscribe__form .hc-form__input { flex: 1 1 100%; }
	.hc-subscribe__form .hc-btn { width: 100%; }
	.hc-nav__list { border-top: 1px solid var(--c-stone); margin-top: 6px; }
	.hc-review-masthead__meta { flex-direction: column; align-items: flex-start; gap: 6px; }
	.hc-article-photo, .hc-hero__photo { padding-inline: var(--gutter); }
	.hc-hero__title-accent { box-shadow: inset 0 -3px 0 var(--c-accent); }
}

@media (max-width: 480px) {
	.hc-masthead__wordmark { font-size: 1.625rem; }
	.hc-review-masthead__title { font-size: 1.875rem; }
}