/* The blog's product recommendation, isolated from global cards and navigation. */
.blog-tools { margin-top: var(--space-6); border: 1px solid var(--color-line); background: var(--color-surface); }
.blog-tools__title { margin: 0; padding: var(--space-4) var(--space-5); border-bottom: 1px solid var(--color-line); color: var(--color-text-soft); font-size: var(--text-label); letter-spacing: var(--tracking-caps); line-height: 1.6; }
.blog-tool { display: block; padding: var(--space-5); color: var(--color-text); text-decoration: none; transition: background-color var(--transition-fast); }
.blog-tool:hover, .blog-tool:focus-visible { background: var(--color-primary-faint); }
.blog-tool:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.blog-tool__identity { display: flex; align-items: center; gap: var(--space-3); }
.blog-tool .fp-product-icon { flex: 0 0 3rem; width: 3rem; height: 3rem; object-fit: contain; }
.blog-tool h3 { margin: 0; font-family: var(--font-headline); font-size: 1rem; line-height: 1.35; text-transform: none; letter-spacing: var(--tracking-heading); }
.blog-tool p { margin: var(--space-4) 0; color: var(--color-text-muted); font-size: .85rem; line-height: var(--leading-relaxed); }
.blog-tool__link { display: inline-flex; align-items: center; gap: var(--space-2); font-size: .8rem; line-height: 1.5; color: var(--color-text); }
.blog-tool__link svg { color: var(--color-primary); }
@media (min-width: 64rem) {
	/* A sticky category menu would slide over the recommendation below it. */
	.blog-sidebar:has(.blog-tools) .blog-categories { position: static; }
}