/* AI-Genics posts grids (mu-plugins/aigenics-posts.php) — the one thing Elementor Free cannot express on the cards: real post
   titles and excerpts have any length, so they are cut to the designed number of lines (Blog title 2 / excerpt 3, Research 2 / 2). */
.elementor .ag-posts-blog .ag-post-title,
.elementor .ag-posts-blog .ag-post-excerpt,
.elementor .ag-posts-research .ag-post-title,
.elementor .ag-posts-research .ag-post-excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}
.elementor .ag-posts-blog .ag-post-excerpt {
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

/* Research & Insights: the whole card opens the item's own page. Its link (a.ag-post-link, put in as the card's first child by
   aigenics-posts.php — one tab stop, named after the heading) is stretched over the card; the buttons that have a link of their
   own sit above it. Hover and keyboard focus: the Blog cards' shadow (Blog page → card design → Style → hover); the focus ring
   follows the card's rounded corners. Nothing changes the card's look at rest. */
.elementor .ag-posts-research .ag-post-linked { position: relative; isolation: isolate; }
.elementor .ag-posts-research .ag-post-link { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.elementor .ag-posts-research .ag-post-linked:hover { box-shadow: 0 0 64px 0 rgba(237, 205, 184, .8); }
.elementor .ag-posts-research .ag-post-linked:has(> .ag-post-link:focus-visible) { box-shadow: 0 0 64px 0 rgba(237, 205, 184, .8); }
.elementor .ag-posts-research a.ag-post-tag { position: relative; z-index: 2; text-decoration: none; }
.elementor .ag-posts-research a.ag-post-tag:hover,
.elementor .ag-posts-research a.ag-post-tag:focus-visible { text-decoration: underline; text-underline-offset: 3px; }

/* Research & Insights card — Figma v8 (node 1:68989, 2026-10-19): one full-width card per item.
   Label "PRODUCT – TOPIC" (written by aigenics-posts.php as <b>PRODUCT</b><span class="ag-cat-sep"> – </span>TOPIC): the product
   in DM Sans Bold 25 px #657395 on its own line, the topic in the label's own style (red 20 px) below it; the dash is not shown. */
.elementor .ag-posts-research .ag-post-category b { display: block; font-weight: 700; font-size: 1.25em; line-height: 1.04; color: #657395; }
.elementor .ag-posts-research .ag-post-category .ag-cat-sep { display: none; }
/* the card's paragraph shows three lines (Figma), the title two */
.elementor .ag-posts-research .ag-post-excerpt { -webkit-line-clamp: 3; line-clamp: 3; }
/* the "Read More" button sits under the card's link (the whole card is the link): it shows its hover state while the card is
   hovered or focused (the ag-btn-red hover: beige, black label) */
.elementor .ag-posts-research .ag-post-linked:hover .ag-btn-red,
.elementor .ag-posts-research .ag-post-linked:has(> .ag-post-link:focus-visible) .ag-btn-red {
	color: var(--ag-black); background-color: var(--ag-beige); box-shadow: 3px 0px 20px 6px rgba(255,255,255,0.2) inset;
}