/*
Theme Name:     Twenty Twenty-One Child
Theme URI:      
Description:    Twentytwentyone child theme.
Author:         Diplomacy.edu
Author URI:     
Template:       twentytwentyone
Version:        0.9.64
*/

/* --------------------------------------------------------------------------
   Inter — site-wide typography
   -------------------------------------------------------------------------- */

:root {
	--font-headings: "Inter", sans-serif;
	--font-base: "Inter", sans-serif;
	--global--font-primary: "Inter", sans-serif;
	--global--font-secondary: "Inter", sans-serif;

	/* Max content width 1240px; 20px side padding on mobile only */
	--aida-content-max: 1240px;
	--aida-content-padding: 20px;
	--global--spacing-horizontal: var(--aida-content-padding);
	--global--spacing-vertical: 0;
	--responsive--aligndefault-width: min(calc(100vw - 2 * var(--aida-content-padding)), var(--aida-content-max));
	--responsive--alignwide-width: min(calc(100vw - 2 * var(--aida-content-padding)), var(--aida-content-max));

	--aida-header-height: 80px;
	--aida-header-border: #e5e7eb;
	--aida-nav-color: #4b5563;
	--aida-nav-color-active: #6366f1;
	--aida-nav-gap: 2rem;
	--aida-nav-desktop-min: 1000px;
}

@media (min-width: 1280px) {
	:root {
		--responsive--aligndefault-width: var(--aida-content-max);
		--responsive--alignwide-width: var(--aida-content-max);
	}
}

body,
.editor-styles-wrapper {
	font-family: "Inter", sans-serif;
}

/* --------------------------------------------------------------------------
   Site content — max 1240px, 20px side padding on mobile
   -------------------------------------------------------------------------- */

.site-content {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--aida-content-max);
	padding-inline: var(--aida-content-padding);
	margin-inline: auto;
}

@media (min-width: 1280px) {
	.site-content {
		padding-inline: 0;
	}
}

/* --------------------------------------------------------------------------
   Site header — logo left, nav right, vertically centered
   -------------------------------------------------------------------------- */

#masthead.site-header {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: none !important;
	margin-inline: 0 !important;
	padding: 0;
	min-height: var(--aida-header-height);
	background-color: #fff;
	border-bottom: 1px solid var(--aida-header-border);
	position: relative;
	z-index: 100;
}

/* Same width rules as .site-content — logo/nav align with page content. */
#masthead.site-header .aida-header__inner {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 100%;
	max-width: var(--aida-content-max);
	margin-inline: auto;
	padding-inline: var(--aida-content-padding);
	min-height: var(--aida-header-height);
	height: var(--aida-header-height);
}

@media (min-width: 1280px) {
	#masthead.site-header .aida-header__inner {
		padding-inline: 0;
	}
}

#masthead.site-header.aida-header--sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99990;
	transition: transform 0.25s ease-in-out;
	will-change: transform;
}

.admin-bar #masthead.site-header.aida-header--sticky {
	top: var(--global--admin-bar--height);
}

#masthead.site-header.aida-header--sticky:not(.aida-header--hidden) {
	box-shadow: 0 1px 8px rgba(15, 23, 42, 0.08);
}

#masthead.site-header.aida-header--hidden {
	transform: translateY(-100%);
}

body.aida-has-sticky-header #page {
	padding-top: var(--aida-sticky-header-height, var(--aida-header-height));
}

@media (prefers-reduced-motion: reduce) {
	#masthead.site-header.aida-header--sticky {
		transition: none;
	}
}

#masthead.site-header .site-branding,
#masthead.site-header .site-logo,
#masthead.site-header .primary-navigation {
	display: flex;
	align-items: center;
	align-self: center;
	margin: 0;
	padding: 0;
}

#masthead.site-header .site-branding {
	flex-shrink: 0;
}

#masthead.site-header .site-logo .custom-logo-link {
	display: block;
	line-height: 0;
	margin: 0;
	padding: 0;
}

#masthead.site-header .site-logo .custom-logo {
	display: block;
	width: auto;
	height: auto;
	max-height: 36px;
	max-width: 160px;
	margin: 0;
}

#masthead.site-header .primary-navigation {
	flex-shrink: 0;
	line-height: 1;
}

#masthead.site-header .primary-navigation a {
	font-family: "Inter", sans-serif;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.4;
	color: var(--aida-nav-color);
	text-decoration: none;
}

#masthead.site-header .primary-navigation a:hover,
#masthead.site-header .primary-navigation a:focus {
	color: var(--aida-nav-color-active);
	text-decoration: none;
	background: transparent;
	background-color: transparent;
}

.has-background-white #masthead.site-header .primary-navigation a:focus,
.has-background-white #masthead.site-header .primary-navigation a:active {
	background: transparent;
	background-color: transparent;
	color: var(--aida-nav-color-active);
}

#masthead.site-header .primary-navigation a:focus-visible {
	outline: 2px solid var(--aida-nav-color-active);
	outline-offset: 2px;
}

#masthead.site-header .primary-navigation a:link,
#masthead.site-header .primary-navigation a:visited {
	color: var(--aida-nav-color);
}

#masthead.site-header .primary-navigation a:hover,
#masthead.site-header .primary-navigation a:focus,
#masthead.site-header .primary-navigation a:hover:link,
#masthead.site-header .primary-navigation a:hover:visited {
	color: var(--aida-nav-color-active);
}

#masthead.site-header .primary-navigation .current-menu-item > a,
#masthead.site-header .primary-navigation .current-menu-ancestor > a,
#masthead.site-header .primary-navigation .current_page_item > a {
	color: var(--aida-nav-color-active);
	text-decoration: none;
}

/* Desktop nav — horizontal links, no burger */
@media (min-width: 1000px) {
	#masthead.site-header .menu-button-container {
		display: none;
	}

	#masthead.site-header .primary-navigation {
		display: flex;
		align-items: center;
		align-self: center;
		position: static;
		top: auto;
		right: auto;
		margin: 0;
		padding: 0;
	}

	#masthead.site-header .primary-navigation > .primary-menu-container {
		display: flex;
		align-items: center;
		position: relative;
		visibility: visible;
		opacity: 1;
		margin: 0;
		padding: 0;
		background-color: transparent;
		overflow: initial;
		transform: none;
	}

	#masthead.site-header .primary-navigation > div > .menu-wrapper {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-end;
		gap: var(--aida-nav-gap);
		margin: 0;
		padding: 0;
	}

	#masthead.site-header .primary-navigation .primary-menu-container > ul > .menu-item {
		display: flex;
		align-items: center;
		margin: 0;
		width: auto;
	}

	#masthead.site-header .primary-navigation .primary-menu-container > ul > .menu-item > a {
		padding: 0;
	}
}

/* Mobile / tablet nav — burger below 1000px */
@media (max-width: 999.98px) {
	#masthead.site-header {
		min-height: 64px;
	}

	#masthead.site-header .aida-header__inner {
		min-height: 64px;
		height: 64px;
	}

	#masthead.site-header .site-logo .custom-logo {
		max-height: 32px;
		max-width: 120px;
	}

	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
		position: static;
		top: auto;
	}

	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
		max-height: 32px;
	}

	#masthead.site-header .menu-button-container {
		display: flex;
		align-items: center;
		margin: 0 0 0 auto;
		padding: 0;
		position: static;
	}

	#masthead.site-header .primary-navigation {
		display: flex;
		align-items: center;
		align-self: center;
		position: static;
		margin: 0 0 0 auto;
		padding: 0;
	}

	#masthead.site-header #primary-mobile-menu {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 44px;
		min-height: 44px;
		margin: 0;
		padding: 0;
		border: none;
		background: transparent;
		color: var(--aida-nav-color);
	}

	#masthead.site-header #primary-mobile-menu .dropdown-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 0;
	}

	#masthead.site-header #primary-mobile-menu .dropdown-icon.close {
		display: none;
	}

	#masthead.site-header #primary-mobile-menu[aria-expanded="true"] .dropdown-icon.open {
		display: none;
	}

	#masthead.site-header #primary-mobile-menu[aria-expanded="true"] .dropdown-icon.close {
		display: flex;
	}

	#masthead.site-header #primary-mobile-menu .dropdown-icon .svg-icon {
		margin: 0;
		width: 24px;
		height: 24px;
	}

	/* Closed — hide panel (override parent desktop rules at 482px+) */
	body:not(.primary-navigation-open) #masthead.site-header .primary-navigation > .primary-menu-container {
		position: fixed !important;
		inset: 0 !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		transform: none !important;
		height: 100vh !important;
		z-index: -1 !important;
		overflow: hidden !important;
	}

	#masthead.site-header .primary-navigation > div > .menu-wrapper {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 0;
		margin: 0;
		padding: 0 0 2rem;
	}

	#masthead.site-header .primary-navigation > div > .menu-wrapper li {
		display: block;
		width: 100%;
	}

	#masthead.site-header .primary-navigation a {
		display: block;
		padding: 0.75rem 0;
	}

	body.lock-scrolling .site {
		position: fixed;
		width: 100%;
		max-width: 100%;
	}

	/* Open — full-screen overlay */
	body.primary-navigation-open #masthead.site-header .primary-navigation {
		position: fixed !important;
		inset: 0 !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		height: 100vh !important;
		height: 100dvh !important;
		z-index: 99999 !important;
		margin: 0 !important;
		padding: 0 !important;
		flex-direction: column !important;
		align-items: stretch !important;
		background-color: #fff !important;
		color: var(--aida-nav-color) !important;
	}

	.admin-bar body.primary-navigation-open #masthead.site-header .primary-navigation {
		top: var(--global--admin-bar--height) !important;
		height: calc(100dvh - var(--global--admin-bar--height)) !important;
	}

	body.primary-navigation-open #masthead.site-header .menu-button-container {
		display: flex !important;
		width: 100% !important;
		justify-content: flex-end !important;
		align-items: center !important;
		flex-shrink: 0 !important;
		min-height: 64px !important;
		margin: 0 !important;
		padding: 0 var(--aida-content-padding) 0 0 !important;
		background-color: #fff !important;
		border-bottom: 1px solid var(--aida-header-border) !important;
	}

	body.primary-navigation-open #masthead.site-header #primary-mobile-menu {
		color: var(--aida-nav-color) !important;
	}

	body.primary-navigation-open #masthead.site-header .primary-navigation > .primary-menu-container {
		position: relative !important;
		inset: auto !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transform: none !important;
		flex: 1 1 auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		z-index: 1 !important;
		margin: 0 !important;
		padding: 1.25rem var(--aida-content-padding) 2rem !important;
		background-color: #fff !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	body.primary-navigation-open #masthead.site-header .primary-navigation a,
	body.primary-navigation-open #masthead.site-header .primary-navigation a:link,
	body.primary-navigation-open #masthead.site-header .primary-navigation a:visited {
		color: var(--aida-nav-color) !important;
		text-decoration: none !important;
	}

	body.primary-navigation-open #masthead.site-header .primary-navigation a:hover,
	body.primary-navigation-open #masthead.site-header .primary-navigation a:focus,
	body.primary-navigation-open #masthead.site-header .primary-navigation a:active {
		color: var(--aida-nav-color-active) !important;
		background: transparent !important;
		background-color: transparent !important;
	}

	body.primary-navigation-open #masthead.site-header .primary-navigation .current-menu-item > a,
	body.primary-navigation-open #masthead.site-header .primary-navigation .current_page_item > a {
		color: var(--aida-nav-color-active) !important;
	}

	body.primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
		display: block !important;
	}
}

/* --------------------------------------------------------------------------
   Button styles
   -------------------------------------------------------------------------- */

.btnblack a,
.btnblack .wp-block-button__link {
	font-size: 13px !important;
	padding: 10px 40px !important;
}

/* --------------------------------------------------------------------------
   Page breadcrumbs
   -------------------------------------------------------------------------- */

.aida-breadcrumbs {
	max-width: 1240px;
	margin: 0 auto;
	padding: 30px 0;
	font-family: "Inter", sans-serif;
	font-size: 0.8125rem;
	line-height: 1.4;
	color: #9ca3af;
}

.aida-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.aida-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.aida-breadcrumbs__item:not(:last-child)::after {
	content: ">";
	color: #c4c4c4;
	font-size: 0.75rem;
	line-height: 1;
}

.aida-breadcrumbs__link {
	color: #9ca3af;
	text-decoration: none;
	transition: color 0.2s ease;
}

.aida-breadcrumbs__link:hover,
.aida-breadcrumbs__link:focus {
	color: #6b7280;
}

.aida-breadcrumbs__current {
	color: #9ca3af;
}

/* --------------------------------------------------------------------------
   Scenario / Theme template (template-scenario.php)
   -------------------------------------------------------------------------- */

.aida-scenario {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--aida-content-max);
	margin-inline: auto;
	font-family: "Inter", sans-serif;
}

.aida-scenario .aida-breadcrumbs {
	padding: 40px 0 30px;
}

.aida-scenario h3 {margin-top: 30px;}
.aida-scenario h3.aida-scenario__explore-card-title {margin-top: 0;}	

.aida-scenario p.wp-block-paragraph {
	font-size: 14px;
	line-height: 1.7;
	font-weight: 400;
	color: #3D3D3D;
	margin-bottom: 30px;
}

/* Main issues cards (Otter block below intro hr) ------------------------ */

.aida-scenario .main-issues {
	margin-top: 0 !important;
	margin-bottom: 40px !important;
	min-height: auto;
	border-radius: 5px;
}

.aida-scenario .main-issues > .innerblocks-wrap {
	gap: 10px !important;
	align-items: stretch !important;
}

.aida-scenario .main-issues .wp-block-themeisle-blocks-advanced-column {
	padding: 15px 3px !important;
	background: #ffffff !important;
	border: 2px solid #e5e5e5 !important;
	border-radius: 10px !important;
	align-self: stretch !important;
	display: flex;
	flex-direction: column;
	height: 100%;
}

@media (min-width: 960px) {
	.aida-scenario .main-issues.has-4-columns > .innerblocks-wrap > .wp-block-themeisle-blocks-advanced-column {
		flex-basis: 25% !important;
		max-width: 25%;
	}
}

.aida-scenario .main-issues .wp-block-themeisle-blocks-advanced-column .wp-block-themeisle-blocks-advanced-heading {
	margin: 0 !important;
	text-align: center !important;
}

.aida-scenario .main-issues .wp-block-themeisle-blocks-advanced-column .wp-block-themeisle-blocks-advanced-heading:first-of-type {
	color: #a0a0a0 !important;
	font-size: 9px !important;
	letter-spacing: 0.05em !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
	margin-bottom: 10px !important;
}

.aida-scenario .main-issues .wp-block-themeisle-blocks-advanced-column .wp-block-themeisle-blocks-advanced-heading:last-of-type {
	color: #0f0f1a !important;
	font-size: 12px !important;
	line-height: 1.1 !important;
	font-weight: 700 !important;
}

.aida-scenario .main-issues .wp-block-themeisle-blocks-advanced-column .wp-block-themeisle-blocks-advanced-heading strong {
	font-weight: 700;
}

.aida-scenario .wp-block-separator.ticss-bba05bd2 {
	border-bottom: none !important;
	margin: 30px auto !important;
}

/* Header band ----------------------------------------------------------- */

.aida-scenario__band {
	position: relative;
	margin: 8px 0 28px;
	padding: 18px 28px;
	background: var(--scn-band-bg, #f4f4f5);
	border-radius: 12px;
	overflow: hidden;
}

.aida-scenario__band::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 6px;
	background: var(--scn-accent, #0f0f1a);
}

.aida-scenario__band-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 40px;
}

.aida-scenario__heading {
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 4px 35px;
}

.aida-scenario__badge {
	flex: 0 0 auto;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 16px;
	text-transform: uppercase;
	color: var(--scn-badge-color, #52525b);
	white-space: nowrap;
}

.aida-scenario__name {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.2;
	color: #0f0f1a;
}

.aida-scenario__theme-label {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	color: #0f0f1a;
}

.aida-scenario__actions {
	flex: 0 0 auto;
}

.aida-scenario__actions .aida-scn-chat-cta {
	margin-top: 0;
}

/* Desktop band: 3-column grid — theme label centred in the band. */
@media (min-width: 960px) {
	.aida-scenario__band-inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		align-items: center;
		gap: 12px 24px;
	}

	.aida-scenario__heading {
		grid-column: 1;
		justify-self: start;
		min-width: 0;
	}

	.aida-scenario__theme-label {
		grid-column: 2;
		justify-self: center;
		text-align: center;
	}

	.aida-scenario__actions {
		grid-column: 3;
		justify-self: end;
		margin-left: 0;
	}
}

/* Tighter spacing on medium viewports. */
@media (min-width: 960px) and (max-width: 1100px) {
	.aida-scenario__band-inner {
		gap: 12px 16px;
	}

	.aida-scenario__heading {
		gap: 4px 16px;
	}
}

/* Band stacks vertically below 960px. */
@media (max-width: 959px) {
	.aida-scenario__band-inner {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.aida-scenario__heading {
		flex-wrap: wrap;
	}

	.aida-scenario__actions {
		margin-left: 0;
	}
}

.aida-scenario__whatif {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 20px;
	border-radius: 8px;
	background: #0f0f1a;
	color: #ffffff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease;
}

.aida-scenario__whatif:hover,
.aida-scenario__whatif:focus {
	background: #26263a;
	color: #ffffff;
	text-decoration: none;
}

.aida-scenario__whatif .fa-arrow-right {
	font-size: 12px;
}

/* Three-column body ----------------------------------------------------- */

.aida-scenario__layout {
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr) 300px;
	gap: 36px;
	align-items: start;
	margin-bottom: 48px!important;
	padding-top: 40px;
}

.aida-scenario__sidebar--left {
	grid-column: 1;
}

.aida-scenario__main {
	grid-column: 2;
	grid-row: 1;
}

.aida-scenario__sidebar--right {
	grid-column: 3;
	grid-row: 1;
}

.aida-scenario__explore {
	grid-column: 2;
	grid-row: 2;
}

.aida-scenario__sidebar {
	min-width: 0;
}

.aida-scenario__sidebar--left {
	display: flex;
	flex-direction: column;
	padding: 22px 20px;
	background: #f8f8fb;
	border: 1px solid #e7e7ee;
	border-radius: 14px;
}

@media (min-width: 1000px) {
	.aida-scenario__sidebar {
		position: sticky;
		top: calc(var(--aida-header-height, 80px) + 16px);
	}
}

/* "Open AI Chatbot" CTA — same colours as footer Contact us (.aida-footer__cta). */
.aida-scn-chat-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 8px;
	padding: 0.75rem 1.25rem;
	border-radius: 8px;
	background-color: #00808b;
	color: #ffffff !important;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.aida-scn-chat-cta:hover,
.aida-scn-chat-cta:focus {
	background-color: #006a73;
	color: #ffffff !important;
	text-decoration: none;
}

.aida-scn-chat-cta .fa-arrow-right {
	font-size: 12px;
}

.aida-scenario__main {
	min-width: 0;
}

.aida-scenario__eyebrow {
	margin: 0 0 12px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 16px;
	text-transform: uppercase;
	color: #9ca3af;
}

/* Let content fill the main column instead of TT1's narrow default width,
   and scale typography down from TT1's 20px base to match the design. */
.aida-scenario__main .entry-content {
	max-width: none;
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #3f3f46;
}

.aida-scenario__main .entry-content > * {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

.aida-scenario__main .entry-content p,
.aida-scenario__main .entry-content li {
	font-size: 15px;
	line-height: 1.7;
}

.aida-scenario__main .entry-content h1,
.aida-scenario__main .entry-content .h1 {
	font-size: 30px;
	line-height: 1.25;
	color: #0f0f1a;
}

.aida-scenario__main .entry-content h2,
.aida-scenario__main .entry-content .h2 {
	font-size: 24px;
	line-height: 1.3;
	color: #0f0f1a;
}

.aida-scenario__main .entry-content h3,
.aida-scenario__main .entry-content .h3 {
	font-size: 19px;
	line-height: 1.35;
	color: #0f0f1a;
}

.aida-scenario__main .entry-content h4,
.aida-scenario__main .entry-content .h4 {
	font-size: 16px;
	line-height: 1.4;
	color: #0f0f1a;
}

/* Explore further cards (theme pages only) -------------------------------- */

.aida-scenario__explore {
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid #e7e7ee;
}

.aida-scenario__explore-title {
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	color: #0f0f1a;
}

.aida-scenario__explore-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.aida-scenario__explore-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px 22px;
	background: #f8f8fb;
	border: 1px solid #e7e7ee;
	border-radius: 10px;
	color: inherit;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.aida-scenario__explore-card:hover,
.aida-scenario__explore-card:focus {
	background: #f0f0f5;
	border-color: #d4d4dc;
	text-decoration: none;
}

.aida-scenario__explore-card-title {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	color: #0f0f1a;
}

.aida-scenario__explore-card-action {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	color: var(--aida-nav-color-active, #6366f1);
}

.aida-scenario__explore-card:hover .aida-scenario__explore-card-action,
.aida-scenario__explore-card:focus .aida-scenario__explore-card-action {
	color: #4f46e5;
}

.aida-scenario__explore-card-action .fa-arrow-right {
	font-size: 12px;
}

@media (max-width: 959px) {
	.aida-scenario__explore-cards {
		grid-template-columns: 1fr;
	}
}

/* Left sidebar menus ---------------------------------------------------- */

.aida-scn-nav {
	margin-bottom: 28px;
}

.aida-scenario__sidebar--left .aida-scn-nav:last-of-type {
	margin-bottom: 16px;
}

.aida-scn-nav__title {
	margin: 0 0 12px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 16px;
	text-transform: uppercase;
	color: #9ca3af;
}

.aida-scn-nav__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.aida-scn-nav__item {
	margin: 0 0 2px;
}

.aida-scn-nav__link {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	padding: 7px 12px;
	border-left: 2px solid transparent;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.45;
	color: #52525b;
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.aida-scn-nav__num {
	flex: 0 0 auto;
	color: #9ca3af;
}

.aida-scn-nav__text {
	flex: 1 1 auto;
	min-width: 0;
}

.aida-scn-nav__link:hover,
.aida-scn-nav__link:focus {
	background: #f4f4f5;
	color: #0f0f1a;
	text-decoration: none;
}

.aida-scn-nav__item.is-current .aida-scn-nav__link {
	border-left-color: var(--scn-accent, #0f0f1a);
	border-radius: 0;
	background: transparent;
	color: #0f0f1a;
	font-weight: 600;
}

.aida-scn-nav__item.is-current .aida-scn-nav__num {
	color: var(--scn-accent, #0f0f1a);
}

/* Right sidebar (imagery placeholders) ---------------------------------- */

.aida-scn-aside-card {
	margin: 0 0 20px;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	background: #ffffff;
}

.aida-scn-aside-card--image,
.aida-scn-aside-card--placeholder {
	overflow: hidden;
}

.aida-scn-aside-card--image {
	padding: 0;
}

.aida-scn-aside-card--image img {
	display: block;
	width: 100%;
	height: auto;
}

.aida-scn-aside-card--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 160px;
	padding: 18px;
	border-style: dashed;
	background: #fafafa;
	color: #9ca3af;
	font-size: 13px;
	font-weight: 500;
}

.aida-scenario__sidebar--right .aida-scn-aside-card--chart {
	display: block;
	min-height: 0;
	padding: 0;
	border-style: solid;
	background: #ffffff;
	color: #111827;
	overflow: visible;
	box-sizing: border-box;
}

.aida-scenario__sidebar--right .aida-scn-chart__header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	width: 100%;
	box-sizing: border-box;
	padding: 24px 22px 18px;
}

.aida-scenario__sidebar--right .aida-scn-chart__eyebrow {
	display: block;
	width: 100%;
	margin: 0;
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.2;
	text-transform: uppercase;
	color: #8a8a8a;
}

.aida-scenario__sidebar--right .aida-scn-chart__title {
	display: block;
	width: 100%;
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	color: #000000;
}

.aida-scenario__sidebar--right .aida-scn-chart__canvas-wrap {
	position: relative;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	height: 340px;
	padding: 0 4px 12px;
	background: transparent;
	overflow: visible;
}

.aida-scenario__sidebar--right .aida-scn-chart__canvas-wrap--theme {
	height: 260px;
}

.aida-scenario__sidebar--right .aida-scn-chart__canvas-wrap canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

/* Responsive ------------------------------------------------------------ */

@media (max-width: 1100px) {
	.aida-scenario__layout {
		grid-template-columns: 210px minmax(0, 1fr);
		gap: 28px;
	}

	.aida-scenario__sidebar--left {
		grid-column: 1;
	}

	.aida-scenario__main {
		grid-column: 2;
		grid-row: auto;
	}

	.aida-scenario__sidebar--right {
		grid-column: 1 / -1;
		max-width: 420px;
		justify-self: center;
		margin-inline: auto;
	}

	.aida-scenario__explore {
		grid-column: 1 / -1;
	}
}

@media (max-width: 782px) {
	.aida-scenario__layout {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.aida-scenario__sidebar--left {
		order: -1;
		grid-column: 1 / -1;
	}

	.aida-scenario__main,
	.aida-scenario__sidebar--right,
	.aida-scenario__explore {
		grid-column: 1 / -1;
	}

	.aida-scenario__sidebar--right {
		max-width: none;
	}
}

/* --------------------------------------------------------------------------
   Home hero (Otter Advanced Columns)
   -------------------------------------------------------------------------- */

.aida-home-hero-band {
	width: 100%;
	max-width: 100%;
	-webkit-font-smoothing: antialiased;
}

#hometop,
.aida-home-hero-band#hometop,
.aida-home-hero-band.ticss-0024e285,
.ticss-0024e285.aida-home-hero-band {
	box-shadow: 0 0 0 100vmax #1a1a1a !important;
	clip-path: inset(0 -100vmax) !important;
	margin-inline: 0 !important;
	overflow-x: clip;
	background-color: #1a1a1a !important;
	background-image: url( 'https://aida.diplomacy.edu/wp-content/uploads/2026/07/hero-band-bg.jpg' );
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}

.aida-home-hero-band > .wp-block-themeisle-blocks-advanced-columns-overlay {
	opacity: 0 !important;
}

.aida-home-hero-band #wp-block-themeisle-blocks-advanced-heading-aida-home-kicker {
	margin: 0;
	color: #9ca3af !important;
}

#hometop,
.aida-home-hero-band#hometop {
	--aida-hero-white-text-outline:
		-1px 0 0 rgba(0, 0, 0, 0.4),
		1px 0 0 rgba(0, 0, 0, 0.4),
		0 -1px 0 rgba(0, 0, 0, 0.4),
		0 1px 0 rgba(0, 0, 0, 0.4),
		-1px -1px 0 rgba(0, 0, 0, 0.4),
		1px -1px 0 rgba(0, 0, 0, 0.4),
		-1px 1px 0 rgba(0, 0, 0, 0.4),
		1px 1px 0 rgba(0, 0, 0, 0.4);
}

.aida-home-hero-band #wp-block-themeisle-blocks-advanced-heading-aida-home-title {
	margin: 0;
	max-width: 820px;
	color: #ffffff !important;
	text-shadow: var(--aida-hero-white-text-outline);
}

.aida-home-hero-band #wp-block-themeisle-blocks-advanced-heading-aida-home-intro {
	margin: 0;
	max-width: 720px;
	color: #ffffff !important;
}

#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home {background-color:unset!important;}

.aida-home-hero-band #wp-block-themeisle-blocks-advanced-heading-aida-home-intro strong {
	font-weight: 800;
	color: #ffffff !important;
	text-shadow: var(--aida-hero-white-text-outline);
}

#hometop .aida-giz-chat-shell--home .aida-giz-chat-frame,
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home,
#hometop .aida-giz-chat-root.aida-giz-chat-shell--home {
	min-height: auto !important;
	--color-text-secondary: #ffffff;
}

#hometop #aida-home-chat-root .aida-home-preferences > p,
#hometop #aida-home-chat-root .aida-home-preferences > div > span,
#hometop #aida-home-chat-root .aida-home-footer span,
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-home-preferences .text-text-secondary,
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-home-footer .text-text-secondary,
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-home-chat > p,
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-home-chat > p strong {
	color: #ffffff !important;
	text-shadow: var(--aida-hero-white-text-outline);
}

#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-home-pill-btn,
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-home-pill-btn * {
	color: #0f0f1a !important;
}

#hometop .aida-giz-chat-root .aida-home-send-btn,
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-home-send-btn {
	background-color: #0b0edb !important;
	opacity: 1 !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

#hometop .aida-giz-chat-root .aida-home-send-btn:hover:not(:disabled),
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-home-send-btn:hover:not(:disabled) {
	background-color: #0b0edb !important;
	opacity: 1 !important;
}

#hometop .aida-giz-chat-root .aida-home-send-btn *,
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-home-send-btn * {
	color: #ffffff !important;
}

#hometop .aida-giz-chat-root .aida-home-input,
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-home-input {
	color: #0f0f1a !important;
	--color-text-secondary: #717182;
}

#hometop .aida-giz-chat-root .aida-home-input::placeholder,
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-home-input::placeholder,
#hometop .aida-giz-chat-root .aida-home-input::-webkit-input-placeholder,
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-home-input::-webkit-input-placeholder,
#hometop .aida-giz-chat-root .aida-home-input::-moz-placeholder,
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-home-input::-moz-placeholder {
	color: #717182 !important;
	opacity: 1 !important;
}

#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-dropdown-menu,
#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-dropdown-menu * {
	color: #0f0f1a !important;
}

#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-dropdown-menu {
	--color-text-secondary: #717182;
}

#hometop .aida-giz-chat-shell.aida-giz-chat-shell--home .aida-dropdown-menu .text-nav-active {
	color: #6366f1 !important;
}

.aida-home-hero-band .wp-block-themeisle-blocks-advanced-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 100%;
}

@media (max-width: 960px) {
	#wp-block-themeisle-blocks-advanced-columns-aida-home-hero,
	.aida-home-hero-band.wp-block-themeisle-blocks-advanced-columns {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.aida-home-hero-band.ticss-0024e285 {
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
	}
}

/* --------------------------------------------------------------------------
   Home futures scenario cards (Otter Advanced Columns)
   -------------------------------------------------------------------------- */

.aida-futures-section {
	width: 100%;
	max-width: 100%;
	overflow-x: visible;
}

.aida-futures-section > .wp-block-group__inner-container {
	overflow: visible;
}

/* Intro row + "All Scenarios" — allow hover box-shadow to extend past column edge */
.aida-futures-section #wp-block-themeisle-blocks-advanced-columns-f115c647,
.aida-futures-section #wp-block-themeisle-blocks-advanced-columns-f115c647 > .innerblocks-wrap,
.aida-futures-section #wp-block-themeisle-blocks-advanced-column-814f061f {
	overflow: visible;
}

.aida-futures-row {
	overflow-x: clip;
}

.aida-futures-section.ticss-444af839,
.ticss-444af839.aida-futures-section {
	padding-top: 40px;
}

/* --------------------------------------------------------------------------
   Home prompts band (Otter custom CSS migrated from blocks)
   -------------------------------------------------------------------------- */

.homepromtps {
	box-shadow: 0 0 0 100vmax #f0f0f3;
	clip-path: inset(0 -100vmax);
}

.homepromtps .aida-giz-chat-shell {
	background-color: unset !important;
}

.homepromtps .aida-giz-chat-frame {
	padding-inline: 0 !important;
}

/* AIDA Chat plugin 100vw breakout override — all breakpoints. */
.aida-giz-chat-root .aida-giz-chat-shell,
.aida-giz-chat-shell {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.aida-futures-row > .innerblocks-wrap {
	display: flex;
	align-items: stretch;
}

.aida-future-card.wp-block-themeisle-blocks-advanced-column.aida-future-card {
	margin-right:0;
}

@media (min-width: 961px) {
	.aida-futures-row.has-wide-gap > .innerblocks-wrap > .aida-future-card {
		flex: 1 1 0;
	}

	.aida-future-card,
	.aida-future-card.wp-block-themeisle-blocks-advanced-column {
		align-self: stretch;
		height: auto;
		min-height: 0;
	}

	.aida-future-card__inner.wp-block-columns {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		flex: 1 1 auto;
		min-height: 0;
		height: auto;
	}

	.aida-future-card__inner > .wp-block-column {
		min-height: 0;
		height: auto;
	}

	.aida-future-card__inner > .aida-future-card__content {
		flex: 1 1 50% !important;
		flex-basis: 50% !important;
		max-width: 50%;
		min-height: 0;
		height: auto;
		padding-right: 20px;
	}

	.aida-future-card__inner > .aida-future-card__visual {
		flex: 1 1 50% !important;
		flex-basis: 50% !important;
		max-width: 50%;
		min-height: 0;
		min-width: 0;
		height: auto;
		align-self: stretch;
		overflow: hidden;
	}

	.aida-future-card__visual {
		display: flex;
		flex-direction: column;
		min-height: 0;
	}

	.aida-future-card__visual .aida-future-card__image {
		position: relative;
		flex: 1 1 0;
		width: 100%;
		min-height: 0;
		margin: 0;
		overflow: hidden;
	}

	.aida-future-card__visual .aida-future-card__image img {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		min-height: 0;
		object-fit: cover;
		object-position: center;
	}
}

@media (min-width: 961px) {
	.aida-future-card__inner > .aida-future-card__content {
		flex: 1 1 50% !important;
		height: auto;
		min-height: 0;
	}

	.aida-future-card__content > .aida-future-card__desc {
		margin-bottom: 0 !important;
	}

	.aida-future-card__content > .aida-future-card__callout.wp-block-group {
		margin-top: auto !important;
	}

	.aida-future-card__content > .wp-block-themeisle-blocks-button-group {
		margin-top: 0;
		flex-shrink: 0;
	}
}

.aida-futures-row + .aida-futures-row {
	margin-top: 20px;
}

.aida-future-card,
.aida-future-card.wp-block-themeisle-blocks-advanced-column {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border: 1px solid #e4e4e7;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: none;
	width: 100%;
}

.aida-future-card.aida-future-card--growth,
.aida-future-card.wp-block-themeisle-blocks-advanced-column.aida-future-card--growth {
	border-top: 4px solid #a67c00;
}

.aida-future-card.aida-future-card--collapse,
.aida-future-card.wp-block-themeisle-blocks-advanced-column.aida-future-card--collapse {
	border-top: 4px solid #9f1239;
}

.aida-future-card.aida-future-card--discipline,
.aida-future-card.wp-block-themeisle-blocks-advanced-column.aida-future-card--discipline {
	border-top: 4px solid #1e40af;
}

.aida-future-card.aida-future-card--transformation,
.aida-future-card.wp-block-themeisle-blocks-advanced-column.aida-future-card--transformation {
	border-top: 4px solid #15803d;
}

.aida-future-card__inner.wp-block-columns {
	display: flex !important;
	align-items: stretch !important;
	gap: 0;
	width: 100%;
	margin-bottom: 0;
	padding: 20px;
}

.aida-future-card__inner > .wp-block-column {
	display: flex !important;
	flex-direction: column !important;
	align-self: stretch !important;
	min-width: 0;
}

.aida-future-card__content {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start;
	align-self: stretch;
	gap: 0;
	padding: 0;
	padding-right: 0;
}

.aida-future-card__content > .aida-future-card__title {
	margin-top: 14px !important;
}

.aida-future-card__content > .aida-future-card__desc {
	margin-top: 14px !important;
	margin-bottom: 20px !important;
}

.aida-future-card__badge {
	display: inline-block !important;
	width: auto !important;
	margin: 0 !important;
	padding: 4px 10px !important;
	border-radius: 999px;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	line-height: 16px !important;
	text-transform: uppercase !important;
}

.aida-future-card--growth .aida-future-card__badge {
	background: #fdf6e3;
	color: #a67c00 !important;
}

.aida-future-card--collapse .aida-future-card__badge {
	background: #fce8ee;
	color: #9f1239 !important;
}

.aida-future-card--discipline .aida-future-card__badge {
	background: #e8eef5;
	color: #1e40af !important;
}

.aida-future-card--transformation .aida-future-card__badge {
	background: #e8f5ec;
	color: #15803d !important;
}

.aida-future-card__title {
	margin: 0 !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #0f0f1a !important;
}

.aida-future-card__desc {
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: #717182 !important;
}

.aida-future-card__callout.wp-block-group {
	box-sizing: border-box;
	width: 100%;
	margin-top: 14px;
	margin-bottom: 20px;
	flex-shrink: 0;
}

.aida-future-card__question {
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: #ffffff !important;
}

.aida-future-card__content .wp-block-themeisle-blocks-button-group {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	flex-shrink: 0;
	width: 100%;
}

.aida-future-card__content .wp-block-themeisle-blocks-button {
	width: 100%;
}

.aida-future-card__inner .wp-block-themeisle-blocks-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	background-color: transparent !important;
	background-image: none !important;
	border: 1px solid #d4d4d8 !important;
	border-radius: 10px !important;
	color: #0f0f1a !important;
	box-shadow: none !important;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.aida-future-card__visual {
	align-self: stretch;
	display: flex;
	flex: none;
	margin: 0;
	padding: 0;
	border-radius: 10px;
	overflow: hidden;
}

.aida-future-card__visual .aida-future-card__image {
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
	margin: 0;
}

.aida-future-card__visual .aida-future-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.aida-future-card--growth .aida-future-card__visual {
	background: #f5e6d3;
}

.aida-future-card--collapse .aida-future-card__visual {
	background: #f3e8eb;
}

.aida-future-card--discipline .aida-future-card__visual {
	background: #e5eaf0;
}

.aida-future-card--transformation .aida-future-card__visual {
	background: #e8efe9;
}

@media (max-width: 960px) {
	.aida-futures-section {
		padding-top: 32px !important;
		padding-bottom: 32px !important;
		max-width: 100%;
		overflow-x: visible;
	}

	.aida-futures-row.wp-block-themeisle-blocks-advanced-columns,
	.aida-futures-row > .innerblocks-wrap {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
	}

	.aida-futures-row > .innerblocks-wrap {
		display: flex;
		flex-direction: column;
		gap: 16px;
		align-items: stretch;
	}

	.aida-futures-row.has-wide-gap .wp-block-themeisle-blocks-advanced-column,
	.aida-futures-row.has-wide-gap > .innerblocks-wrap > .aida-future-card,
	.aida-futures-row .wp-block-themeisle-blocks-advanced-column.aida-future-card {
		margin: 0 !important;
		flex: none !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		align-self: auto !important;
	}

	.aida-futures-row + .aida-futures-row {
		margin-top: 16px;
	}

	.aida-future-card__inner.wp-block-columns {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		padding: 16px;
		height: auto !important;
		min-height: 0 !important;
	}

	.aida-future-card__inner > .wp-block-column {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
		flex-basis: auto !important;
		min-height: 0 !important;
		height: auto !important;
		align-self: auto !important;
	}

	.aida-future-card__content {
		flex: 0 0 auto !important;
		order: 2;
		padding: 20px 0 0;
		height: auto !important;
		min-height: 0 !important;
	}

	.aida-future-card__callout.wp-block-group {
		margin-top: 14px;
		margin-bottom: 20px;
	}

	.aida-future-card__visual {
		order: 1;
		flex: 0 0 auto !important;
		position: static;
		width: 100%;
		max-height: 300px;
		min-height: 0;
		margin: 0 0 16px;
	}

	.aida-future-card__visual .aida-future-card__image {
		position: static;
		inset: auto;
		flex: 0 0 auto;
		width: 100%;
		height: auto;
		max-height: 300px;
		min-height: 0;
		margin: 0;
		overflow: hidden;
	}

	.aida-future-card__visual .aida-future-card__image img {
		position: static;
		inset: auto;
		display: block;
		width: 100%;
		height: auto;
		max-height: 300px;
		min-height: 0;
		object-fit: cover;
	}

}
@media (max-width: 500px) {
	.aida-future-card__visual {
		max-height: 200px;
	}
}

/* --------------------------------------------------------------------------
   AIDA footer — replaces Twenty Twenty-One footer entirely
   -------------------------------------------------------------------------- */

body.no-widgets .site-footer.aida-footer,
.site-footer.aida-footer {
	--aida-footer-bg: #0a0b14;
	--aida-footer-text: #ffffff;
	--aida-footer-muted: #9ca3af;
	--aida-footer-heading: #6b7280;
	--aida-footer-border: #1a1d28;
	--aida-footer-cta: #00808b;
	--aida-footer-cta-hover: #006a73;
	--aida-footer-max: 1240px;

	box-sizing: border-box;
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: var(--aida-footer-bg);
	color: var(--aida-footer-muted);
	font-family: "Inter", sans-serif;
	border: 0;
}

.site-footer.aida-footer::before,
.site-footer.aida-footer::after {
	display: none;
}

.site-footer.aida-footer > .widget-area,
.site-footer.aida-footer > .site-info,
.site-footer.aida-footer .footer-navigation {
	display: none !important;
}

.aida-footer__container {
	max-width: var(--aida-footer-max);
	margin: 0 auto;
	padding: 3.5rem var(--aida-content-padding) 2rem;
}

@media (min-width: 1280px) {
	.aida-footer__container {
		padding-inline: 0;
	}
}

.aida-footer__main {
	display: grid;
	grid-template-columns: auto 1fr auto auto;
	grid-template-rows: auto auto;
	gap: 1rem 3rem;
	align-items: start;
	padding-bottom: 3rem;
}

.aida-footer__brand {
	display: contents;
}

.aida-footer__brand > .aida-footer__heading {
	grid-column: 1;
	grid-row: 1;
}

.aida-footer__logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	grid-column: 1;
	grid-row: 2;
	gap: 2rem 4rem;
}

.aida-footer__logo-link {
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	height: 45px;
	line-height: 0;
	text-decoration: none;
}

.aida-footer__logo {
	display: block;
	width: auto;
	height: 45px;
	max-height: 45px;
	max-width: 100%;
	object-fit: contain;
}

.aida-footer__logo--giz {
	mix-blend-mode: lighten;
}

.aida-footer__col--tools {
	grid-column: 3;
	grid-row: 1 / -1;
	min-width: 9rem;
}

.aida-footer__heading {
	margin: 0 0 1rem;
	color: var(--aida-footer-heading);
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.aida-footer__links {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.aida-footer__links li + li {
	margin-top: 0;
}

.aida-footer__links a {
	display: block;
	color: var(--aida-footer-muted);
	font-size: 0.9375rem;
	line-height: 1.35;
	text-decoration: none;
	transition: color 0.2s ease;
}

.aida-footer__links a:hover,
.aida-footer__links a:focus {
	color: var(--aida-footer-text);
}

.aida-footer__widget-area {
	margin: 0;
}

.aida-footer__widget-area .aida-footer__widget {
	margin: 0;
}

.aida-footer__widget-area ul,
.aida-footer__widget-area .wp-block-navigation ul,
.aida-footer__widget-area .wp-block-page-list {
	display: flex;
	flex-direction: column;
	gap: 0.875rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.aida-footer__widget-area li + li,
.aida-footer__widget-area .wp-block-navigation-item + .wp-block-navigation-item {
	margin-top: 0;
}

.aida-footer__widget-area a,
.aida-footer__widget-area .wp-block-navigation-item__content {
	display: block;
	color: var(--aida-footer-muted);
	font-size: 0.9375rem;
	line-height: 1.35;
	text-decoration: none;
	transition: color 0.2s ease;
}

.aida-footer__widget-area a:hover,
.aida-footer__widget-area a:focus,
.aida-footer__widget-area .wp-block-navigation-item__content:hover,
.aida-footer__widget-area .wp-block-navigation-item__content:focus {
	color: var(--aida-footer-text);
}

.aida-footer__widget-area .wp-block-navigation {
	font-size: 0.9375rem;
}

.aida-footer__widget-area .wp-block-navigation .wp-block-navigation__container {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.875rem;
}

.aida-footer__widget-area .widget-title {
	display: none;
}

.aida-footer__aside {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	grid-column: 4;
	grid-row: 1 / -1;
	gap: 1rem;
	min-width: 10.5rem;
}

.aida-footer__social {
	display: flex;
	justify-content: flex-end;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.aida-footer__social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border: 1px solid #3f4654;
	border-radius: 4px;
	color: var(--aida-footer-text);
	text-decoration: none;
	transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.aida-footer__social a i {
	font-size: 15px;
	line-height: 1;
}

.aida-footer__social a:hover,
.aida-footer__social a:focus {
	border-color: #6b7280;
	background-color: rgba(255, 255, 255, 0.04);
	color: var(--aida-footer-text);
}

.aida-footer__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
	max-width: 11rem;
	padding: 0.75rem 1.25rem;
	border-radius: 8px;
	background-color: var(--aida-footer-cta);
	color: var(--aida-footer-text) !important;
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.aida-footer__cta:hover,
.aida-footer__cta:focus {
	background-color: var(--aida-footer-cta-hover);
	color: var(--aida-footer-text) !important;
}

.aida-footer__cta-arrow {
	font-size: 1rem;
	line-height: 1;
}

.aida-footer__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--aida-footer-border);
	font-size: 0.6875rem;
	letter-spacing: 0.06em;
	line-height: 1.5;
}

.aida-footer__partners,
.aida-footer__legal {
	margin: 0;
	color: var(--aida-footer-muted);
}

.aida-footer__partners {
	font-weight: 400;
}

.aida-footer__legal a {
	color: var(--aida-footer-muted);
	text-decoration: none;
}

.aida-footer__legal a:hover,
.aida-footer__legal a:focus {
	color: var(--aida-footer-text);
}

.aida-footer__dot {
	margin: 0 0.35rem;
	opacity: 0.7;
}

@media (max-width: 960px) {
	.aida-footer__main {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		gap: 2rem;
	}

	.aida-footer__brand {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		grid-column: 1 / -1;
		gap: 1rem;
	}

	.aida-footer__brand > .aida-footer__heading,
	.aida-footer__logos {
		grid-column: auto;
		grid-row: auto;
	}

	.aida-footer__col--tools {
		grid-column: 1;
		grid-row: auto;
	}

	.aida-footer__aside {
		grid-column: 2;
		grid-row: auto;
		align-items: flex-end;
		justify-self: end;
	}
}

@media (max-width: 600px) {
	.aida-footer__container {
		padding-top: 2.5rem;
	}

	.aida-footer__main {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.aida-footer__brand {
		flex-direction: column;
		align-items: flex-start;
		gap: 2rem;
	}

	.aida-footer__col--tools,
	.aida-footer__aside {
		grid-column: 1;
		justify-self: start;
	}

	.aida-footer__aside {
		align-items: flex-start;
		width: 100%;
	}

	.aida-footer__social {
		justify-content: flex-start;
	}

	.aida-footer__cta {
		max-width: none;
		width: auto;
	}

	.aida-footer__bar {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* --------------------------------------------------------------------------
   Home popup — multi-step .forscroll carousel
   -------------------------------------------------------------------------- */

.popup .otter-popup__modal_content {
	height: auto !important;
	max-height: calc(100vh - 2rem);
	overflow: hidden;
}

.popup hr.wp-block-separator {
	border: none !important;
	height: 1px;
	margin-top: 8px;
	margin-bottom: 15px;
}

.popup a.wp-block-button__link {
	padding: 5px !important;
	font-size: 13px !important;
}

.popup button.components-button svg {
	fill: black !important;
}

.popup .otter-popup__modal_header {
	right: 40px;
}

.popup .wp-block-buttons {
	margin-bottom: 0 !important;
}

.popupbottom {
	max-width: 320px !important;
	margin-inline: auto;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.popup .wp-block-group .wp-block-group__inner-container {
	width: 100% !important;
}

.popup .whatif a {
	font-size: 9px !important;
	padding: 5px 15px !important;
}

.popup .whatif a .fa-fw {
	width: 1em;
}

.popup .prompts .innerblocks-wrap {
	gap: 10px;
}

.popup .otter-popup__modal_body {
	display: flex;
	flex-direction: column;
	min-height: 0;
	max-height: none !important;
	height: auto !important;
	overflow: hidden !important;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.popup .otter-popup__modal_body::-webkit-scrollbar {
	display: none;
}

/* Hide extra steps until JS carousel initializes. */
.popup .otter-popup__modal_body > .forscroll ~ .forscroll {
	display: none;
}

.popup .aida-popup-nav {
	display: grid;
	grid-template-columns: 2rem 1fr 2rem;
	align-items: center;
	margin-bottom: 1rem;
	min-height: 1.5rem;
}

.popup .aida-popup-nav__back {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: #0f0f1a;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease;
}

.popup .aida-popup-nav:not(.is-first-step) .aida-popup-nav__back {
	opacity: 1;
	visibility: visible;
}

.popup .aida-popup-nav__dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	grid-column: 2;
}

.popup .aida-popup-nav__dot {
	width: 0.5rem;
	height: 0.5rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #d4d4d8;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.popup .aida-popup-nav__dot.is-active {
	background: #2d27d6;
	transform: scale(1.15);
}

.popup .aida-popup-steps {
	overflow: hidden;
	width: 100%;
	flex: 0 0 auto;
}

.popup .aida-popup-steps__track {
	display: flex;
	align-items: stretch;
	width: 100%;
	transition: transform 0.35s ease;
	will-change: transform;
}

.popup .forscroll {
	display: flex;
	flex-direction: column;
	flex: 0 0 100%;
	min-width: 0;
	overflow: hidden;
	box-sizing: border-box;
}

/* Keep Otter 10% / 90% column ratio inside popup below 960px. */
@media (max-width: 959px) {
	.popup .forscroll .wp-block-themeisle-blocks-advanced-columns.has-2-columns > .innerblocks-wrap,
	.popup .wp-block-themeisle-blocks-advanced-columns.popupbottom.has-2-columns > .innerblocks-wrap {
		flex-direction: row !important;
		flex-wrap: nowrap;
		align-items: center;
	}

	.popup .forscroll .wp-block-themeisle-blocks-advanced-columns.has-2-columns > .innerblocks-wrap > .wp-block-themeisle-blocks-advanced-column:first-child,
	.popup .wp-block-themeisle-blocks-advanced-columns.popupbottom.has-2-columns > .innerblocks-wrap > .wp-block-themeisle-blocks-advanced-column:first-child {
		flex: 0 0 10% !important;
		flex-basis: 10% !important;
		max-width: 10% !important;
		min-width: 0;
	}

	.popup .forscroll .wp-block-themeisle-blocks-advanced-columns.has-2-columns > .innerblocks-wrap > .wp-block-themeisle-blocks-advanced-column:last-child,
	.popup .wp-block-themeisle-blocks-advanced-columns.popupbottom.has-2-columns > .innerblocks-wrap > .wp-block-themeisle-blocks-advanced-column:last-child {
		flex: 0 0 90% !important;
		flex-basis: 90% !important;
		max-width: 90% !important;
		min-width: 0;
	}
}

.popup .wp-block-themeisle-blocks-button .wp-block-button__link {
	transition: opacity 0.2s ease, box-shadow 0.2s ease;
	box-shadow: none;
}

.popup .wp-block-themeisle-blocks-button .wp-block-button__link:hover,
.popup .wp-block-themeisle-blocks-button .wp-block-button__link:focus {
	opacity: 0.7 !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16) !important;
	background-color: var(--aida-popup-btn-bg) !important;
	background-image: var(--aida-popup-btn-bg-image, none) !important;
	color: var(--aida-popup-btn-color) !important;
	border-color: var(--aida-popup-btn-border, currentColor) !important;
}

/* --------------------------------------------------------------------------
   Late overrides — style.css loads in footer (after plugin/Otter CSS)
   -------------------------------------------------------------------------- */

/* .btnblack — "All Scenarios" (Otter ID + parent theme both override weaker selectors) */
#wp-block-themeisle-blocks-button-f5161007 .wp-block-button__link:hover,
#wp-block-themeisle-blocks-button-f5161007 .wp-block-button__link:focus,
.wp-block-button.btnblack:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button.btnblack:not(.is-style-outline) .wp-block-button__link:focus {
	background-color: #1a1a1a !important;
	background-image: none !important;
	color: #fff !important;
	border-color: #1a1a1a !important;
	opacity: 1 !important;
	box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.4);
}

.wp-block-button.btnblack.btnwhite:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button.btnblack.btnwhite:not(.is-style-outline) .wp-block-button__link:focus {
	background-color: #ffffff !important;
	background-image: none !important;
	color: #000000 !important;
	border-color: #ffffff !important;
	box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.6);
	transition: box-shadow 0.3s ease-in-out; 
}

/* aida-future-card — "Explore this future" (Otter per-button :hover in post CSS) */
.aida-future-card #wp-block-themeisle-blocks-button-aida-future-growth .wp-block-button__link:hover,
.aida-future-card #wp-block-themeisle-blocks-button-aida-future-growth .wp-block-button__link:focus,
.aida-future-card #wp-block-themeisle-blocks-button-aida-future-collapse .wp-block-button__link:hover,
.aida-future-card #wp-block-themeisle-blocks-button-aida-future-collapse .wp-block-button__link:focus,
.aida-future-card #wp-block-themeisle-blocks-button-aida-future-discipline .wp-block-button__link:hover,
.aida-future-card #wp-block-themeisle-blocks-button-aida-future-discipline .wp-block-button__link:focus,
.aida-future-card #wp-block-themeisle-blocks-button-aida-future-transformation .wp-block-button__link:hover,
.aida-future-card #wp-block-themeisle-blocks-button-aida-future-transformation .wp-block-button__link:focus {
	background-color: rgba(15, 15, 26, 0.06) !important;
	background-image: none !important;
	border-color: #a1a1aa !important;
	color: #0f0f1a !important;
}

#page,
.site-content,
.site-main,
.entry-content {
	max-width: 100%;
}

/* Guard against horizontal scroll from 100vw full-bleed sections (e.g. blog banner). */
html,
body {
	overflow-x: clip;
}

.aida-prompt-cards-intro {
	width: auto !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.aida-giz-chat-shell--home .aida-giz-chat-frame,
.aida-giz-chat-root .aida-home-chat,
.aida-giz-chat-shell--home #aida-home-chat-root {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow-x: clip;
}

.aida-home-hero-band.ticss-0024e285,
.ticss-0024e285.aida-home-hero-band,
#wp-block-themeisle-blocks-advanced-columns-aida-home-hero {
	width: 100% !important;
	max-width: 100% !important;
	margin-inline: 0 !important;
	overflow-x: clip;
}

.dpg-posts-widget.alignwide {
	width: 100% !important;
	max-width: 100% !important;
}

.wp-block-themeisle-blocks-popup {
	max-width: 100%;
	overflow-x: clip;
}

@media (max-width: 960px) {
	#wp-block-themeisle-blocks-advanced-columns-aida-home-hero,
	.aida-home-hero-band.wp-block-themeisle-blocks-advanced-columns {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.aida-giz-chat-shell--home .aida-giz-chat-frame,
	.aida-giz-chat-root .aida-home-chat,
	.aida-giz-chat-shell--home #aida-home-chat-root {
		padding-inline: 0 !important;
	}

	.aida-futures-row.has-wide-gap .wp-block-themeisle-blocks-advanced-column {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* --------------------------------------------------------------------------
   Home — Otter ticss utilities (migrated from block custom CSS)
   -------------------------------------------------------------------------- */

.ticss-d0c8dca5 {
	max-width: 600px !important;
}

.ticss-d5793118 {
	margin: 0 !important;
}

.ticss-76b1c632 {
	font-weight: 700 !important;
}

.ticss-0503855e {
	font-weight: 700 !important;
}

.ticss-9c43ff0e {
	font-weight: 500 !important;
}

/* --------------------------------------------------------------------------
   Courses grid — featured left (3/5), three courses right (2/5)
   -------------------------------------------------------------------------- */

.featuredcourse {
	background-image: url(https://aida.diplomacy.edu/wp-content/uploads/2026/06/AIDA-project_760x398px.jpg);
	background-size: cover;
	background-position: center center;
}

.coursebadge {
	display: inline-block !important;
	width: auto !important;
	margin: 0 !important;
	padding: 4px 10px !important;
	border-radius: 999px;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	line-height: 16px !important;
	text-transform: uppercase !important;
}

.featuredcourse h3 a,
.course h3 a {
	color: inherit !important;
	text-decoration: none !important;
}

.coursesgrid .featuredcourse .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:20px;
}

.coursesgrid > .wp-block-group__inner-container {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--aida-content-max);
	margin-inline: auto;
}

/* WP constrained layout narrows direct children — reset for grid cards */
.coursesgrid > .wp-block-group__inner-container.is-layout-constrained > .featuredcourse,
.coursesgrid > .wp-block-group__inner-container.is-layout-constrained > .course {
	width: 100%;
	max-width: none;
	margin-inline: 0;
}

.coursesgrid > .wp-block-group__inner-container > .featuredcourse,
.coursesgrid > .wp-block-group__inner-container > .course {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	justify-self: stretch;
}

.coursesgrid .featuredcourse.wp-block-themeisle-blocks-advanced-columns,
.coursesgrid .course.wp-block-themeisle-blocks-advanced-columns {
	width: 100% !important;
	max-width: 100% !important;
}

.coursesgrid .featuredcourse .innerblocks-wrap,
.coursesgrid .course .innerblocks-wrap {
	width: 100%;
}

.coursesgrid .featuredcourse .wp-block-themeisle-blocks-advanced-column,
.coursesgrid .course .wp-block-themeisle-blocks-advanced-column {
	width: 100% !important;
	max-width: 100% !important;
	flex: 1 1 100% !important;
}
.gizcourses-new.coursesgrid .course .wp-block-themeisle-blocks-advanced-column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.gizcourses-new.coursesgrid .course .wp-block-themeisle-blocks-advanced-column > p:last-child,
.gizcourses.coursesgrid .course .wp-block-themeisle-blocks-advanced-column > p:last-child {
	align-self: flex-start;
	width: fit-content;
	max-width: 100%;
}

@media (min-width: 961px) {
	.coursesgrid > .wp-block-group__inner-container {
		display: grid;
		grid-template-columns: 3fr 2fr;
		grid-template-rows: repeat(3, minmax(0, 1fr));
		gap: 20px;
		align-items: stretch;
	}

	.coursesgrid > .wp-block-group__inner-container > .featuredcourse {
		grid-column: 1;
		grid-row: 1 / span 3;
		min-height: 0;
		height: 100%;
	}

	.coursesgrid > .wp-block-group__inner-container > .course:nth-child(2) {
		grid-column: 2;
		grid-row: 1;
	}

	.coursesgrid > .wp-block-group__inner-container > .course:nth-child(3) {
		grid-column: 2;
		grid-row: 2;
	}

	.coursesgrid > .wp-block-group__inner-container > .course:nth-child(4) {
		grid-column: 2;
		grid-row: 3;
	}

	.coursesgrid > .wp-block-group__inner-container > .course {
		min-height: 0;
		height: 100%;
	}
}

@media (max-width: 960.98px) {
	.coursesgrid > .wp-block-group__inner-container {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.coursesgrid > .wp-block-group__inner-container > .featuredcourse,
	.coursesgrid > .wp-block-group__inner-container > .course {
		width: 100%;
		max-width: 100%;
	}
}

/* GIZ courses (new) — asymmetric 12×3 grid, 11 cells */
@media (min-width: 961px) {
	.gizcourses-new.coursesgrid > .wp-block-group__inner-container {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.gizcourses-new.coursesgrid > .wp-block-group__inner-container > .course:nth-child(1) {
		grid-area: 1 / 1 / 2 / 5;
	}

	.gizcourses-new.coursesgrid > .wp-block-group__inner-container > .course:nth-child(2) {
		grid-area: 1 / 5 / 2 / 9;
	}

	.gizcourses-new.coursesgrid > .wp-block-group__inner-container > .course:nth-child(3) {
		grid-area: 1 / 9 / 2 / 13;
	}

	.gizcourses-new.coursesgrid > .wp-block-group__inner-container > .course:nth-child(4) {
		grid-area: 2 / 1 / 3 / 4;
	}

	.gizcourses-new.coursesgrid > .wp-block-group__inner-container > .course:nth-child(5) {
		grid-area: 2 / 4 / 3 / 7;
	}

	.gizcourses-new.coursesgrid > .wp-block-group__inner-container > .course:nth-child(6) {
		grid-area: 2 / 7 / 3 / 10;
	}

	.gizcourses-new.coursesgrid > .wp-block-group__inner-container > .course:nth-child(7) {
		grid-area: 2 / 10 / 3 / 13;
	}

	.gizcourses-new.coursesgrid > .wp-block-group__inner-container > .course:nth-child(8) {
		grid-area: 3 / 1 / 4 / 4;
	}

	.gizcourses-new.coursesgrid > .wp-block-group__inner-container > .course:nth-child(9) {
		grid-area: 3 / 4 / 4 / 7;
	}

	.gizcourses-new.coursesgrid > .wp-block-group__inner-container > .course:nth-child(10) {
		grid-area: 3 / 7 / 4 / 10;
	}

	.gizcourses-new.coursesgrid > .wp-block-group__inner-container > .course:nth-child(11) {
		grid-area: 3 / 10 / 4 / 13;
	}
}

/* --------------------------------------------------------------------------
   Blog banner — full viewport width, 32/5 ratio, background image.
   Inner block #f7f5c31d holds the content at normal content width.
   -------------------------------------------------------------------------- */

.blogbanner.wp-block-themeisle-blocks-advanced-columns {
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
	flex: none !important;
	align-self: stretch !important;
	width: calc(100vw - var(--aida-sbw, 0px)) !important;
	max-width: calc(100vw - var(--aida-sbw, 0px)) !important;
	margin-inline: calc(50% - 50vw + var(--aida-sbw, 0px) / 2) !important;
	padding-inline: 0 !important;
	aspect-ratio: 32 / 5;
	min-height: 0;
	overflow: hidden;
	background-image: url(https://aida.diplomacy.edu/wp-content/uploads/2026/06/AIDA-project_2560x400px.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Inner wrap + outer column span the full banner so content can be centered */
.blogbanner > .innerblocks-wrap,
.blogbanner #wp-block-themeisle-blocks-advanced-column-cca0f072 {
	width: 100%;
	max-width: 100%;
}

/* Content shell — normal content width, centered over the background */
.blogbanner #wp-block-themeisle-blocks-advanced-columns-f7f5c31d,
.blogbanner .ticss-f7f5c31d {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--aida-content-max);
	margin-inline: auto;
	padding-inline: var(--aida-content-padding);
}

@media (min-width: 1280px) {
	.blogbanner #wp-block-themeisle-blocks-advanced-columns-f7f5c31d,
	.blogbanner .ticss-f7f5c31d {
		padding-inline: 0;
	}
}

/* Heading + button row — keep at full content width, never clip */
.blogbanner #wp-block-themeisle-blocks-advanced-columns-fe313ee4,
.blogbanner #wp-block-themeisle-blocks-advanced-columns-fe313ee4 > .innerblocks-wrap {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding-inline: 0 !important;
	margin-inline: 0;
}

/* Below the wide breakpoint the 32/5 ratio is too short — switch to auto height */
@media (max-width: 960.98px) {
	.blogbanner.wp-block-themeisle-blocks-advanced-columns {
		aspect-ratio: auto !important;
		min-height: 200px;
		padding-block: 28px !important;
	}
}

.blogbanner #wp-block-themeisle-blocks-advanced-heading-11084d30,
.blogbanner .ticss-d0c8dca5 {
	font-size: clamp(1.375rem, 1.125rem + 1vw, 2rem) !important;
	line-height: 1.3 !important;
}

/* --------------------------------------------------------------------------
   Blogs archive page (/blogs/) — match aida-prompt-cards styling
   -------------------------------------------------------------------------- */

.dpg-blog-page.alignwide {
	width: 100% !important;
	max-width: var(--aida-content-max) !important;
	margin-inline: auto;
}

.dpg-blog-page .dpg-blogslist {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
	width: 100%;
}

.dpg-blog-page .dpg-blogsingle {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-width: 0;
	max-width: none;
	height: 100%;
	padding: 21px;
	border: 1.33px solid #e5e5e5;
	border-radius: 10px;
	background-color: #fff;
	overflow: hidden;
}

.dpg-blog-page .dpg-blogimg {
	border-radius: 0;
}

.dpg-blog-page .dpg-blog-card-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: space-between;
	height: auto;
	min-height: 0;
}

.dpg-blog-page .dpg-blogsingle h3 {
	margin: 1rem 0 0;
	font-family: "Inter", sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3125;
	letter-spacing: 0;
	color: #0f0f1a;
}

.dpg-blog-page .dpg-blogsingle h3 a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.dpg-blog-page .dpg-blogsingle h3 a:hover,
.dpg-blog-page .dpg-blogsingle h3 a:focus {
	color: #007a87;
}

.dpg-blog-page .dpg-blogstext {
	margin: 0.75rem 0 0;
	font-family: "Inter", sans-serif;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.25rem;
	letter-spacing: 0;
	color: #717182;
}

.dpg-blog-page .dpg-blogsmeta {
	display: flex;
	align-items: center;
	margin-top: 1rem;
	padding-top: 1.0625rem;
	border-top: 1.33px solid #e5e5e5;
	gap: 0;
}

.dpg-blog-page .dpg-authorimg {
	display: none !important;
}

.dpg-blog-page .dpg-blogsmetaright {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
}

.dpg-blog-page .dpg-authorname,
.dpg-blog-page .dpg-authorname a,
.dpg-blog-page .dpg-blogsmetaright p {
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.25rem;
	letter-spacing: 0;
	color: #717182 !important;
	text-decoration: none;
}

.dpg-blog-page .dpg-authorname a:hover,
.dpg-blog-page .dpg-authorname a:focus {
	color: #007a87 !important;
}

.dpg-blog-page .dpg-blogsmetaright p + p::before {
	content: "·";
	margin-inline: 0.5rem;
	color: #717182;
}

@media (max-width: 960.98px) {
	.dpg-blog-page .dpg-blogslist {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640.98px) {
	.dpg-blog-page .dpg-blogslist {
		grid-template-columns: 1fr;
	}
}

/* --------------------------------------------------------------------------
   Foresight Scenarios — .scenariocard (responsive like home .aida-future-card)
   -------------------------------------------------------------------------- */

@media (min-width: 961px) {
	.scenariocard > .innerblocks-wrap {
		align-items: stretch;
	}

	.scenariocard > .innerblocks-wrap > .wp-block-themeisle-blocks-advanced-column:has(> .wp-block-image) {
		display: flex;
		align-self: stretch;
		min-height: 0;
		min-width: 0;
	}

	.scenariocard .wp-block-image {
		position: relative;
		flex: 1 1 auto;
		width: 100%;
		min-height: 0;
		margin: 0;
		overflow: hidden;
		border-radius: 10px;
	}

	.scenariocard .wp-block-image > figure {
		display: block;
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		text-align: center;
	}

	.scenariocard .wp-block-image > figure img {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 0;
		object-fit: cover;
		object-position: center;
		border-radius: 10px;
	}
}

@media (max-width: 960px) {
	.scenariocard > .innerblocks-wrap {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 16px;
	}

	.scenariocard > .innerblocks-wrap > .wp-block-themeisle-blocks-advanced-column {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
		flex-basis: auto !important;
		min-height: 0 !important;
		height: auto !important;
		align-self: auto !important;
	}

	.scenariocard > .innerblocks-wrap > .wp-block-themeisle-blocks-advanced-column:has(> .wp-block-image) {
		order: 1;
		display: block;
		position: static;
		max-height: 300px;
		margin: 0 0 16px;
	}

	.scenariocard > .innerblocks-wrap > .wp-block-themeisle-blocks-advanced-column:not(:has(> .wp-block-image)) {
		order: 2;
	}

	.scenariocard .wp-block-image {
		position: static;
		flex: 0 0 auto;
		width: 100%;
		height: auto;
		max-height: 300px;
		min-height: 0;
		margin: 0;
		overflow: hidden;
		border-radius: 10px;
	}

	.scenariocard .wp-block-image > figure {
		position: static;
		inset: auto;
		display: block;
		width: 100%;
		height: auto;
		max-height: 300px;
		min-height: 0;
		margin: 0;
		text-align: center;
	}

	.scenariocard .wp-block-image > figure img {
		position: static;
		inset: auto;
		display: block;
		width: 100%;
		height: auto;
		max-height: 300px;
		min-height: 0;
		object-fit: cover;
		object-position: center;
		border-radius: 10px;
	}
}

@media (max-width: 500px) {
	.scenariocard > .innerblocks-wrap > .wp-block-themeisle-blocks-advanced-column:has(> .wp-block-image),
	.scenariocard .wp-block-image,
	.scenariocard .wp-block-image > figure,
	.scenariocard .wp-block-image > figure img {
		max-height: 200px;
	}
}