/**
 * fraew theme skin for Category Posts List.
 *
 * Loaded instead of frontend.css only when the active theme declares
 * current_theme_supports( 'fraew-design-tokens' ). It styles the list with the
 * theme's own design tokens (--fraew-*), falling back to neutral values so the
 * file is still safe if a token is missing. This is how the plugin adopts the
 * fraew - modern light look without the theme carrying any plugin code.
 */

.fcpl-posts-list {
	margin-bottom: 40px;
}

/* The category name heading, restyled as a mono section label. */
.fcpl-posts-list .fcpl-category-title {
	margin: 0 0 12px;
	font-family: var(--fraew-mono, ui-monospace, monospace);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--fraew-teal, #3d7d6c);
}

.fcpl-posts {
	list-style: none;
	margin: 0;
	padding: 0 6px 0 0;
	max-height: 640px;
	overflow-y: auto;
	scrollbar-width: thin;
}

.fcpl-posts li {
	font-size: 14px;
	padding: 7px 0;
	border-bottom: 1px solid var(--fraew-rule, #d8d3c4);
}
.fcpl-posts li:last-child,
.fcpl-posts.fcpl-no-separators li {
	border-bottom: 0;
}

.fcpl-posts a {
	color: var(--fraew-muted, #4a534f);
	text-decoration: none;
	transition: color 0.2s ease;
}
.fcpl-posts a:hover {
	color: var(--fraew-teal, #3d7d6c);
}

/* The post currently being viewed — the plugin wraps it in <strong>. */
.fcpl-posts .fcpl-post-current > strong > a {
	color: var(--fraew-ink, #141a19);
	font-weight: 700;
}

/* Inline / comma display formats. */
.fcpl-posts-inline {
	font-size: 14px;
	line-height: 1.9;
	color: var(--fraew-muted, #4a534f);
	word-wrap: break-word;
}
.fcpl-posts-inline a {
	color: var(--fraew-muted, #4a534f);
	text-decoration: none;
}
.fcpl-posts-inline a:hover {
	color: var(--fraew-teal, #3d7d6c);
}
.fcpl-posts-inline strong a {
	color: var(--fraew-ink, #141a19);
}