/**
 * STL Resource Grid — colour themes layered on top of research-grid.css.
 *
 *   --red     (tools page):        dark STL red (#521519, as in the banners)
 *                                  featured cards with white text; grid-card
 *                                  topic label stays orange.
 *   --orange  (free reports page): darker orange (#E69635) featured cards,
 *                                  white text, with the normally-orange text
 *                                  switched to STL navy; grid cards unchanged.
 *   The filter bar stays navy on every theme.
 *   (none)    navy, identical to the Research Grid.
 *
 * !important on the text colours: the shared .stl-block .stl-link-arrow rule
 * in stl-tokens.css is itself !important, and the live site's CSS combiner
 * can reorder equal-specificity rules.
 */
.stl-block--resource-grid--red    { --rsg-accent: #521519;    --rsg-on-accent: #fff;            --rsg-hover: rgba(255,255,255,.75); }
.stl-block--resource-grid--orange { --rsg-accent: #E69635; --rsg-on-accent: var(--stl-navy); --rsg-hover: #fff; }

/* Featured cards */
.stl-block--resource-grid--red .stl-block--research-grid__featured,
.stl-block--resource-grid--orange .stl-block--research-grid__featured {
	background: var(--rsg-accent) !important;
}
.stl-block--resource-grid--red .stl-block--research-grid__featured-eyebrow,
.stl-block--resource-grid--red .stl-block--research-grid__featured .stl-block--research-grid__meta-label,
.stl-block--resource-grid--orange .stl-block--research-grid__featured-eyebrow,
.stl-block--resource-grid--orange .stl-block--research-grid__featured .stl-block--research-grid__meta-label {
	color: var(--rsg-on-accent) !important;
}
.stl-block--resource-grid--red .stl-block--research-grid__featured .stl-block--research-grid__meta-sep,
.stl-block--resource-grid--orange .stl-block--research-grid__featured .stl-block--research-grid__meta-sep {
	color: #fff;
}
.stl-block--resource-grid--red .stl-block--research-grid__featured:hover .stl-link-arrow {
	color: var(--rsg-hover) !important;
	border-bottom-color: var(--rsg-hover) !important;
}
.stl-block--resource-grid--orange .stl-block--research-grid__featured:hover .stl-link-arrow {
	color: var(--stl-navy) !important;
	border-bottom-color: var(--stl-navy) !important;
}

/* Grid cards keep the standard orange topic label on every theme. */

/* Red theme: orange "Latest" eyebrow, topic label and Read more hover on the featured cards */
.stl-block--resource-grid--red .stl-block--research-grid__featured-eyebrow,
.stl-block--resource-grid--red .stl-block--research-grid__featured .stl-block--research-grid__meta-label {
	color: var(--stl-orange) !important;
}
.stl-block--resource-grid--red .stl-block--research-grid__featured:hover .stl-link-arrow {
	color: var(--stl-orange) !important;
	border-bottom-color: var(--stl-orange) !important;
}