/* Task 86ex39v9c — Media & Awards Instagram carousel: restore arrow visibility
 * and match the home page Lena-row arrow styling EXACTLY.
 *
 * Greenshift saved M&A's Instagram block with navigationarrows:false, which
 * emits {display:none; width:66px; height:66px; left:10px; right:10px} into
 * post 27888's _gspb_post_css. It also does NOT declare background-color,
 * color, box-shadow, or border-radius — those 4 chrome rules live only in
 * HOME's (post 28318) per-post inline CSS for the exact same class name.
 *
 * This override (a) un-hides the arrows, (b) resizes 66→46, (c) flips
 * positions 10px→-10px, and (d) ADDS the 4 missing chrome declarations so
 * M&A arrows render identically to home's Lena row. All values below are
 * verbatim-mirrored from home's inline CSS captured via MCP Playwright on
 * 2026-04-07.
 *
 * Selector targets the STABLE custom class kn-media-awards-instagram added
 * to the block HTML (stored in post_content). The body.page-id-27888 prefix
 * wins specificity against Greenshift's bare-class inline rules without
 * !important, and prevents leakage to home (body.page-id-28318).
 *
 * Currency-agnostic — M&A has 0 data-blaze-currencies wrappers. */

/* Dimensions — override M&A's 66×66 with home's 46×46 + un-hide */
body.page-id-27888 .kn-media-awards-instagram .swiper-button-next,
body.page-id-27888 .kn-media-awards-instagram .swiper-button-prev {
	display: flex;
	width: 46px;
	height: 46px;
	line-height: 46px;
	top: 40%;
}

/* Position — override M&A's inside-edge 10px with home's outside-edge -10px */
body.page-id-27888 .kn-media-awards-instagram .swiper-button-prev {
	left: -10px;
}
body.page-id-27888 .kn-media-awards-instagram .swiper-button-next {
	right: -10px;
}

/* Chrome — add the 4 declarations M&A's _gspb_post_css is missing.
 * Mirrors home's palette-color-8 bg / palette-color-5 color / home box-shadow / 99px radius. */
body.page-id-27888 .kn-media-awards-instagram .swiper-button-next,
body.page-id-27888 .kn-media-awards-instagram .swiper-button-prev {
	background-color: var(--wp--preset--color--palette-color-8, var(--theme-palette-color-8, #ffffff));
	color: var(--wp--preset--color--palette-color-5, var(--theme-palette-color-5, #274832));
	box-shadow: rgba(88, 102, 125, 0.37) 20px 20px 60px;
	border-radius: 99px;
}