/* Site-specific layout — loaded after main.css (tokens) */
/* Typography (.prose), TOC (.toc), and all component styles are provided by tokenctl */

/* Homepage hero tagline and body */
.hero-tagline {
	color: var(--color-primary);
	font-size: var(--font-size-xl);
	font-style: italic;
	font-weight: var(--font-weight-semibold);
	line-height: var(--font-leading-snug);
	margin: 0 0 var(--spacing-md) 0;
}

.hero-body {
	color: var(--color-muted-foreground);
	font-size: var(--font-size-base);
	line-height: var(--font-leading-relaxed);
	margin: 0 0 var(--spacing-lg) 0;
}

/* Post card grid */
.post-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 1.5rem;
}

/* Tag cloud (badge flex-wrap on /tags/) */
.tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

/* Inline tags in card footer */
.post-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
	margin-top: 0.5rem;
}