/* ── Front-page two-col → single col ────────────────────────── */
@media (max-width: 700px) {
	.hsk-fp-cols__inner {
		grid-template-columns: 1fr;
		column-gap: 0;
		padding: var(--space-8) 0;
	}
	.hsk-fp-cols__divider {
		width: 100%;
		height: 1px;
		margin: var(--space-8) 0;
	}
	.hsk-fp-hero { padding: var(--space-10) var(--space-4) var(--space-8); }
	.hsk-fp-hero__title { font-size: 1.8rem; }
	.hsk-fp-cats__grid { grid-template-columns: repeat(2, 1fr); }
	.hsk-cluster-row { grid-template-columns: 1fr; }
}

/* ── Responsive — Tablet (≤ 1024px) ─────────────────────────── */
@media (max-width: 1024px) {
	:root {
		--sidebar-w: 200px;
		--context-w: 220px;
	}

	.hsk-layout--three {
		grid-template-columns: var(--sidebar-w) 1fr;
	}
	.hsk-context { display: none; }

	.hsk-content { padding: var(--space-8) var(--space-8) var(--space-12); }
}

/* ── Responsive — Mobile (≤ 768px) ──────────────────────────── */
@media (max-width: 768px) {
	html { font-size: 16px; }

	:root {
		--page-gutter: 1.25rem;
	}

	/* Header */
	.hsk-nav-primary ul,
	.hsk-header-search { display: none; }
	.hsk-menu-toggle { display: flex; margin-left: auto; }

	/* Layout: stack sidebar below header, hidden by default */
	.hsk-layout,
	.hsk-layout--three {
		display: block;
	}

	.hsk-sidebar {
		position: fixed;
		top: var(--header-h);
		left: 0;
		bottom: 0;
		z-index: 150;
		width: 280px;
		background: var(--color-bg);
		box-shadow: var(--shadow-md);
		transform: translateX(-100%);
		transition: transform var(--trans-base);
		height: auto;
	}
	.hsk-sidebar.is-open {
		transform: translateX(0);
	}

	/* Backdrop */
	.hsk-sidebar-backdrop {
		display: none;
		position: fixed;
		inset: 0;
		background: rgba(0,0,0,.4);
		z-index: 140;
	}
	.hsk-sidebar-backdrop.is-visible { display: block; }

	.hsk-content { padding: var(--space-5) var(--space-4) var(--space-10); }

	/* Article headings */
	h1 { font-size: var(--text-2xl); }
	.hsk-pillar-hero { padding: var(--space-8) var(--space-4); margin: calc(-1 * var(--space-5)) calc(-1 * var(--space-4)) var(--space-6); }
	.hsk-pillar-hero h1 { font-size: var(--text-2xl); }

	/* Author card */
	.hsk-author-card { flex-direction: column; }
	.hsk-author-hero { flex-direction: column; }

	/* Filters: scrollable row */
	.hsk-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: var(--space-3); scrollbar-width: none; }
	.hsk-filters::-webkit-scrollbar { display: none; }

	/* Footer */
	.hsk-footer__inner { flex-direction: column; align-items: flex-start; }

	/* Skip link always visible on keyboard */
	.hsk-skip-link:focus { top: var(--space-3); }
}

/* ── Responsive — Small mobile (≤ 480px) ────────────────────── */
@media (max-width: 480px) {
	.hsk-collection-grid { grid-template-columns: 1fr; }
	.hsk-author-social   { flex-wrap: wrap; }
}