@layer components {
	/* Minimal interior styling so posts and pages are readable before Phase 3 templates. */
	.content { padding-block: var(--sp-7) var(--sp-9); max-width: 76ch; }
	.entry__title { font-family: var(--font-display); font-weight: var(--fw-black); font-size: var(--fs-h1); line-height: var(--lh-display); letter-spacing: var(--ls-tight); text-transform: uppercase; }
	.entry__meta { margin-top: var(--sp-3); font-size: var(--fs-label); letter-spacing: var(--ls-ui); text-transform: uppercase; color: var(--gray-meta); }
	.entry + .entry { margin-top: var(--sp-7); }
	.prose { margin-top: var(--sp-5); font-family: var(--font-serif); font-size: 1.0625rem; line-height: var(--lh-serif); color: var(--gray-body); }
	.prose > * + * { margin-top: 1.2em; }
	.prose h2, .prose h3 { font-family: var(--font-display); font-weight: var(--fw-extra); text-transform: uppercase; letter-spacing: var(--ls-tight); line-height: var(--lh-tight); color: var(--gray-ink); }
	.prose h2 { font-size: var(--fs-h2); }
	.prose h3 { font-size: var(--fs-h3); }
	.prose a { color: var(--red); text-decoration: underline; text-underline-offset: 2px; }
	.prose img { width: 100%; }
}