/*
 * layout.css — site-frame primitives: header sticky, footer band,
 * main content padding rhythm, container shrink at small widths.
 */

.fa-site-header {
	position: sticky;
	top: 0;
	background: color-mix(in srgb, var(--wp--preset--color--bg) 88%, transparent);
	backdrop-filter: saturate(140%) blur(12px);
	-webkit-backdrop-filter: saturate(140%) blur(12px);
	z-index: 50;
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.fa-site-header .wp-block-site-title a {
	text-decoration: none;
	color: var(--wp--preset--color--text-strong);
}

main { display: block; min-height: 60vh; }

#fa-content { scroll-margin-top: 5rem; }

.fa-site-footer {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--wp--preset--color--text-muted);
}
.fa-site-footer a { color: inherit; text-decoration: none; }
.fa-site-footer a:hover { color: var(--wp--preset--color--text); }

/* Two-column guide layout: TOC rail + content */
@media (max-width: 880px) {
	.fa-template-guide .fa-toc-rail { order: 2; margin-top: var(--wp--preset--spacing--6); }
}