/* Site layout placeholder rules. */

body {
	background: var(--twb2b-color-surface);
	color: var(--twb2b-color-text);
}

.container,
.site-shell {
	width: min(100% - 2rem, var(--tw-container));
	margin: 0 auto;
}

.card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
	gap: var(--twb2b-space-md);
}

/* Shared by every inner template's content wrapper (archive.php, page.php, single.php, ...). */
.mirror-page {
	padding: 3rem 0 0;
}

/* The reference keeps 100-400px of air above its footer (each section carries its own
   margin-bottom in the mirror's per-page CSS, which is not enqueued); our content ends
   flush against it, so the theme has to own the gap. */
.footer {
	margin-top: 4rem;
}