/* Shared responsive rules – Breakpoint 800px (--breakpoint-m) */

@media (max-width: 800px) {
	/* Container: volle Breite, ausreichend Innenabstand */
	.container,
	.container-wide {
		width: 100%;
		padding-inline: 1.25rem;
	}

	/* Page-Frame: auf Mobil kein zusätzlicher Rahmen */
	.page-frame {
		padding-inline: 0;
	}

	/* Header: Spalte, zentriert */
	.site-header .container {
		flex-direction: column;
		text-align: center;
		gap: 1rem;
	}

	/* Footer: Spalte, zentriert */
	.site-footer .container {
		flex-direction: column;
		text-align: center;
		gap: 1rem;
	}

	/* Article: Sidebar unter Content, volle Breite */
	.article-body {
		flex-direction: column;
	}

	.article-sidebar {
		width: 100%;
		order: 2;
	}
}