/*
Theme Name: MAAI
Theme URI: https://maai.dev
Author: MOHAMMED ALASHQAR FOR AI DEVELOPMENT
Template: twentytwentyfive
Description: MAAI.DEV child theme, "Mission" design: black, full-screen sections, Barlow, Jordan-flag accents.
Version: 1.6.14
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: maai
*/

:root {
	--maai-black: #000000;
	--maai-white: #FFFFFF;
	--maai-text: #C9C9C2;
	--maai-muted: #9A9A92;
	--maai-surface: #0B0B0A;
	--maai-raised: #141414;
	--maai-line: #1F1F1C;
	--maai-line-strong: #3A3A36;
	--maai-green: #3FBF7F;
	--maai-red: #E8384B;
	--maai-gutter: 32px;
}

/* ---------- Page rhythm ---------- */

.wp-site-blocks > *,
.maai-main > * {
	margin-block-start: 0;
}
.maai-main { position: relative; z-index: 1; }

.maai-band { padding-top: 120px; padding-bottom: 120px; }
.maai-band--tight { padding-top: 24px; padding-bottom: 24px; }
.maai-band--short { padding-top: 64px; padding-bottom: 64px; }
.maai-band--line,
.maai-ms--line { border-top: 1px solid var(--maai-line); }
.maai-band--sand { background: var(--maai-surface); }
.maai-band--dark { background: var(--maai-black); }

/* Zero-specificity reset so the spacing rules below always win. */
:where(.maai-main) :where(p, h1, h2, h3) { margin-top: 0; margin-bottom: 0; }

.wp-block-columns.alignwide { gap: 40px 80px; margin-bottom: 0; }

/* ---------- Type helpers ---------- */

.maai-eyebrow,
.maai-kicker,
.maai-kicker a,
.maai-label {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--maai-muted);
	text-decoration: none;
}
.maai-eyebrow { color: var(--maai-green); }
.maai-lead { font-size: var(--wp--preset--font-size--large); color: #B5B5AE; max-width: 640px; }
.maai-muted { color: var(--maai-muted); }
.maai-strong { font-weight: 600; color: var(--maai-white); }
.maai-prose p { font-size: 19px; color: var(--maai-text); }
.maai-prose > * + * { margin-top: 20px; }

.maai-more a {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--maai-white);
}
.maai-more a:hover { color: var(--maai-green); }

.maai-number {
	font-weight: 300;
	font-size: 52px;
	line-height: 1;
	color: var(--maai-white);
}
.maai-number--red { color: var(--maai-red); }

.maai-date { font-size: 14px; color: var(--maai-muted); }

/* ---------- Buttons ---------- */

.wp-element-button,
.wp-block-button__link { transition: background .25s ease, color .25s ease, border-color .25s ease; }
.wp-block-buttons { gap: 16px; }
.wp-block-button.is-style-ghost > .wp-block-button__link { border-color: transparent; }
.wp-block-button.is-style-ghost > .wp-block-button__link:hover { background: transparent; color: var(--maai-green); }
.wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; color: var(--maai-white); border: 1.5px solid var(--maai-white); padding: 16px 34px; }

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

.maai-header {
	position: relative;
	z-index: 10;
	background: var(--maai-black);
	padding-top: 20px;
	padding-bottom: 20px;
}
.maai-header__inner { gap: 16px; }
.maai-header__nav { gap: 30px; }
.maai-logo { display: flex; align-items: center; }
.maai-logo img { display: block; height: 34px; width: auto; }

.maai-header .wp-block-navigation {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	gap: 30px;
	color: var(--maai-white);
}
.maai-header .wp-block-navigation-item__content { color: var(--maai-white); text-decoration: none; }
.maai-header .wp-block-navigation-item__content:hover { color: var(--maai-green); }

/* Mobile menu: full-screen black overlay with numbered links, in place of core's white panel. */
.maai-header .wp-block-navigation__responsive-container-open svg,
.maai-header .wp-block-navigation__responsive-container-close svg { width: 28px; height: 28px; fill: currentColor; }
.maai-header .wp-block-navigation__responsive-container-open { color: var(--maai-white); }
html .maai-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
	padding: 22px var(--maai-gutter) 32px;
	background: var(--maai-black) !important; /* core's white overlay rule grows more specific each release */
	color: var(--maai-white) !important;
	animation: maai-menu-in .35s cubic-bezier(.2, .7, .2, 1) both;
}
.maai-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	top: 0;
	right: 0;
	color: var(--maai-white);
}
html .maai-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: stretch;
	padding-top: 72px;
}
html .maai-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: stretch;
	gap: 0;
	width: 100%;
	padding: 0;
	counter-reset: maai-menu;
	border-top: 1px solid var(--maai-line-strong);
}
html .maai-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	counter-increment: maai-menu;
	border-bottom: 1px solid var(--maai-line-strong);
	animation: maai-menu-item .45s cubic-bezier(.2, .7, .2, 1) both;
}
.maai-header .is-menu-open .wp-block-navigation-item:nth-child(2) { animation-delay: .06s; }
.maai-header .is-menu-open .wp-block-navigation-item:nth-child(3) { animation-delay: .12s; }
.maai-header .is-menu-open .wp-block-navigation-item:nth-child(4) { animation-delay: .18s; }
/* Contact sits in the header button on wide screens, so the menu shows it only when open. */
.maai-header .wp-block-navigation__responsive-container:not(.is-menu-open) .maai-nav-menu-only { display: none; }
html .maai-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	display: flex;
	align-items: baseline;
	gap: 18px;
	width: 100%;
	padding: 26px 0;
	font-size: 34px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1;
	color: var(--maai-white);
}
.maai-header .is-menu-open .wp-block-navigation-item__content::before {
	content: counter(maai-menu, decimal-leading-zero);
	min-width: 26px;
	font-size: 13px;
	font-variant-numeric: tabular-nums;
	letter-spacing: 2.5px;
	color: var(--maai-green);
}
.maai-header .is-menu-open .wp-block-navigation-item__content::after {
	content: "\2192";
	margin-inline-start: auto;
	font-size: 22px;
	font-weight: 400;
	color: var(--maai-muted);
	transition: transform .2s ease, color .2s ease;
}
.maai-header .is-menu-open .wp-block-navigation-item__content:hover,
.maai-header .is-menu-open .wp-block-navigation-item__content:hover::after { color: var(--maai-green); }
.maai-header .is-menu-open .wp-block-navigation-item__content:hover::after { transform: translateX(4px); }
.maai-header .wp-block-navigation a:focus { outline: none; }
.maai-header .wp-block-navigation a:focus-visible,
.maai-header .wp-block-navigation button:focus-visible { outline: 1.5px solid var(--maai-green); outline-offset: 4px; }
html[dir="rtl"] .maai-header .is-menu-open .wp-block-navigation-item__content::after { content: "\2190"; }
html[dir="rtl"] .maai-header .is-menu-open .wp-block-navigation-item__content:hover::after { transform: translateX(-4px); }
html[dir="rtl"] .maai-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { right: auto; left: 0; }
html[dir="rtl"] .maai-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { letter-spacing: 0; font-size: 30px; }
.maai-header__cta .wp-block-button__link { padding: 11px 22px; white-space: nowrap; }

.maai-lang {
	font-size: 15px;
	font-weight: 600;
	color: var(--maai-white);
	text-decoration: none;
	white-space: nowrap;
}
.maai-lang:hover { color: var(--maai-green); }
.maai-lang:lang(ar) { font-family: var(--wp--preset--font-family--plex-arabic); }
.maai-lang:lang(en) { font-family: var(--wp--preset--font-family--barlow); letter-spacing: 2.5px; font-size: 13px; text-transform: uppercase; }

@media (max-width: 600px) {
	.maai-logo img { height: 26px; }
	.maai-header__nav { gap: 12px; }
	.maai-header__cta .wp-block-button__link { padding: 9px 12px; font-size: 12px; letter-spacing: 1.5px; }
}

/* ---------- Mission home ---------- */

.maai-mission-canvas {
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	max-width: none;
	margin: 0 !important;
	display: block;
	z-index: 0;
	pointer-events: none;
}

.maai-ms { position: relative; z-index: 1; }

.maai-ms-hero {
	min-height: calc(100vh - 74px);
	max-height: 1000px;
	display: flex;
	align-items: flex-end;
}
.maai-ms-hero__inner { width: 100%; padding-bottom: 104px; }
.maai-ms-hero__inner > * + * { margin-top: 22px; }
.maai-ms-hero h1 { max-width: 980px; }
.maai-ms-hero .wp-block-buttons { padding-top: 10px; }

.maai-ms-chapter {
	min-height: 100vh;
	display: flex;
	align-items: center;
}
.maai-ms-chapter__inner { width: 100%; padding-top: 120px; padding-bottom: 120px; }
.maai-ms-chapter__inner > * { max-width: 520px; }
.maai-ms-chapter__inner > * + * { margin-top: 20px; }
.maai-ms-chapter__inner .wp-block-buttons { padding-top: 8px; }

.maai-ms-stats { min-height: 80vh; display: flex; align-items: center; }
.maai-stats { width: 100%; gap: 40px; padding-top: 120px; padding-bottom: 120px; }
.maai-stat > * + * { margin-top: 8px; }
.maai-stat__value { font-weight: 300; font-size: clamp(64px, 7vw, 112px); line-height: 1; color: var(--maai-white); }

.maai-ms-insights { padding-top: 120px; padding-bottom: 40px; }

.maai-ms-cta {
	min-height: 100vh;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	text-align: center;
}
.maai-ms-cta__inner { padding-bottom: 96px; max-width: 900px; margin-inline: auto; }
.maai-ms-cta { min-height: 92vh; }
.maai-ms-cta__inner > * + * { margin-top: 24px; }
.maai-ms-cta .maai-lead { margin-inline: auto; max-width: 560px; }

/* ---------- Page heroes (inner pages) ---------- */

.maai-page-hero,
.maai-ms-page-hero {
	background: var(--maai-black);
	padding-top: 160px;
	padding-bottom: 110px;
	border-bottom: 1px solid var(--maai-line);
}
.maai-page-hero .alignwide > * + *,
.maai-ms-page-hero .alignwide > * + * { margin-top: 24px; }
.maai-page-hero h1,
.maai-ms-page-hero h1 { max-width: 1100px; }
.maai-ms-page-hero .maai-lead { max-width: 680px; }

/* ---------- Sections, cards, lists ---------- */

.maai-intro { max-width: 820px; margin-bottom: 56px; }
.maai-intro > * + * { margin-top: 18px; }
.maai-section-head { align-items: baseline; margin-bottom: 40px; }
.maai-split .wp-block-column > * + * { margin-top: 18px; }

.maai-principles { gap: 32px; }
.maai-principle { border-top: 2px solid var(--maai-green); padding-top: 18px; }
.maai-principle:last-child { border-top-color: var(--maai-red); }
.maai-principle > * + * { margin-top: 14px; }
.maai-principle__num { font-weight: 300; font-size: 52px; line-height: 1; color: var(--maai-white); }
.maai-principle p:not(.maai-principle__num) { font-size: 16px; color: #B5B5AE; }

ul.maai-audiences { list-style: none; padding: 0; margin: 0 0 18px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.maai-audiences li {
	margin: 0;
	padding: 22px 0;
	border-top: 1px solid #2A2A27;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--maai-white);
}
@media (max-width: 600px) { ul.maai-audiences { grid-template-columns: 1fr; } }

.maai-founder { align-items: center; }
.maai-founder__photo { max-width: 340px; }
.maai-founder__photo .wp-block-image { margin: 0; }
.maai-founder__photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border: 1px solid var(--maai-line); }
.maai-photo-placeholder {
	aspect-ratio: 4 / 5;
	border: 1.5px dashed var(--maai-line-strong);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 24px;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--maai-muted);
}
.maai-role { font-size: 14px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: var(--maai-green); }

.maai-company { gap: 24px; }
.maai-company > div > * + * { margin-top: 6px; }
.maai-company__name { font-weight: 600; color: var(--maai-white); letter-spacing: 1px; }
.maai-company__name-alt { margin: 6px 0 0; font-weight: 600; color: var(--maai-white); }
html[dir="rtl"] .maai-company__name-alt { text-align: right; }
html:not([dir="rtl"]) .maai-company__name-alt { text-align: left; }
.maai-company__meta { font-size: 16px; color: var(--maai-muted); }

/* Insights */
.maai-posts { gap: 32px; }
.maai-post-card { border-top: 1px solid var(--maai-line-strong); padding-top: 20px; }
.maai-post-card > * + * { margin-top: 10px; }
.maai-post-card .wp-block-post-title,
.maai-post-card h3 { font-size: 20px; line-height: 1.3; }
.maai-post-card .wp-block-post-title a { color: var(--maai-white); text-decoration: none; }
.maai-post-card .wp-block-post-title a:hover { color: var(--maai-green); }
.maai-post-card .wp-block-post-excerpt__excerpt { margin: 0; font-size: 16px; }
.maai-insights .wp-block-query-pagination { margin-top: 48px; }
@media (max-width: 781px) { .maai-posts.is-layout-grid { grid-template-columns: 1fr; } }

/* Shared dark CTA band */
.maai-cta { gap: 32px; }
.maai-cta__text { flex: 1 1 520px; min-width: 0; }
.maai-cta__text > * + * { margin-top: 14px; }
.maai-band--dark { border-top: 1px solid var(--maai-line); }
.maai-band--dark p { color: #B5B5AE; }

/* Services */
.maai-service { padding: 56px 0; }
.maai-service + .maai-service { border-top: 1px solid var(--maai-line); }
.maai-service h2 { font-size: clamp(26px, 2.6vw, 36px); margin-top: 14px; }
.maai-service .wp-block-column:last-child > * + * { margin-top: 18px; }
.maai-service__intro { font-size: 20px; color: var(--maai-white); }
.maai-service ul { margin-bottom: 0; padding-inline-start: 22px; color: #B5B5AE; }
.maai-service li + li { margin-top: 6px; }
.maai-service li::marker { color: var(--maai-green); }
.maai-getbox { border-inline-start: 2px solid var(--maai-green); padding: 6px 0 6px 18px; font-size: 16px; }
html[dir="rtl"] .maai-getbox { padding: 6px 18px 6px 0; }
.maai-getbox strong { color: var(--maai-white); letter-spacing: 1.5px; text-transform: uppercase; font-size: 13px; font-weight: 600; }
.maai-service { scroll-margin-top: 24px; }

/* ---------- Contact ---------- */

.maai-contact { align-items: flex-start; gap: 56px 80px; padding-top: 48px; }
.maai-contact .wp-block-column:first-child > * + * { margin-top: 22px; }
.maai-contact__details { border-top: 1px solid var(--maai-line); padding-top: 28px; }
.maai-contact__details .maai-label:not(:first-child) { margin-top: 20px; }
.maai-contact__details .maai-label + p { margin-top: 4px; }

.maai-form {
	background: var(--maai-surface);
	border: 1px solid var(--maai-line);
	padding: 40px;
	display: flex;
	flex-direction: column;
	gap: 22px;
	scroll-margin-top: 24px;
}
.maai-form p { margin: 0; }
.maai-form__row { display: flex; flex-wrap: wrap; gap: 22px; }
.maai-form__field { flex: 1 1 220px; display: flex; flex-direction: column; gap: 8px; }
.maai-form label { font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--maai-muted); }
.maai-input {
	font: inherit;
	font-size: 16px;
	color: var(--maai-white);
	background: var(--maai-black);
	border: 1px solid var(--maai-line-strong);
	border-radius: 0;
	padding: 13px 14px;
	width: 100%;
	box-sizing: border-box;
}
textarea.maai-input { resize: vertical; }
.maai-input:focus { outline: 2px solid var(--maai-green); outline-offset: 1px; border-color: var(--maai-green); }
select.maai-input option { background: var(--maai-black); }
.maai-form__consent { display: flex; gap: 12px; align-items: flex-start; }
.maai-form__consent input { width: 18px; height: 18px; margin: 3px 0 0; flex: none; accent-color: var(--maai-green); }
.maai-form__consent label { font-size: 15px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--maai-text); }
.maai-form__consent a { color: var(--maai-white); }
.maai-form__submit { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.maai-form__submit button { cursor: pointer; }
.maai-form__submit p { font-size: 14px; color: var(--maai-muted); }
.maai-form__notice { padding: 14px 16px; font-size: 16px; font-weight: 600; }
.maai-form__notice--success { border: 1px solid var(--maai-green); color: var(--maai-green); }
.maai-form__notice--error { border: 1px solid var(--maai-red); color: #FF8A96; }
.maai-form__hp { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 600px) { .maai-form { padding: 24px; } }

/* ---------- Legal pages ---------- */

.maai-legal h2 { font-size: 22px; letter-spacing: 1.5px; margin-top: 56px; }
.maai-legal h2:first-child { margin-top: 0; }
.maai-legal h3 { font-size: 16px; letter-spacing: 2px; margin-top: 30px; color: var(--maai-white); }
.maai-legal p,
.maai-legal ul { margin-top: 14px; color: var(--maai-text); }
.maai-legal strong { color: var(--maai-white); }
.maai-legal ul { padding-inline-start: 22px; }
.maai-legal li + li { margin-top: 8px; }
.maai-legal a { color: var(--maai-green); }

/* ---------- Insights hub and AI Governance Briefing ---------- */

.maai-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0 36px;
	border-bottom: 1px solid var(--maai-line);
	margin-bottom: 48px;
}
.maai-tabs a {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	color: var(--maai-muted);
	text-decoration: none;
	padding: 16px 0;
	margin-bottom: -1px;
	border-bottom: 2px solid transparent;
}
.maai-tabs a:hover { color: var(--maai-white); }
.maai-tabs a[aria-current="page"] { color: var(--maai-white); border-bottom-color: var(--maai-green); }
.maai-band--tabs { padding-top: 0; }
.maai-band--tabs .maai-tabs { margin-top: 0; }
.maai-brief-hero .maai-tabs { margin-top: -40px; }

.maai-issue-meta { gap: 6px 14px; }
.maai-issue-meta .wp-block-post-title { font-size: 13px; letter-spacing: 3px; }
.maai-issue-meta .wp-block-post-title a { color: var(--maai-green); text-decoration: none; }
.maai-issue-meta .wp-block-post-date { color: var(--maai-green); }
.maai-issue-meta > * + *::before { content: "·"; margin-inline-end: 14px; color: var(--maai-green); }
.maai-brief-hero .maai-subscribe { padding-top: 8px; }
.maai-placeholder-note { font-size: 12px; letter-spacing: 1px; color: var(--maai-red); }

.maai-brief-latest .maai-section-head .wp-block-post-excerpt__excerpt { margin: 0; font-size: 15px; }
.maai-issue-content > * + * { margin-top: 24px; }

/* Item cards: two columns on wide screens, one on phones (grid minimum 26rem). */
.maai-brief-items { gap: 24px; }
.maai-brief-item {
	background: var(--maai-surface);
	border: 1px solid var(--maai-line);
	padding: 30px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.maai-brief-item > * { margin: 0 !important; }
.maai-pills { gap: 8px; }
.maai-pill {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 1;
	padding: 6px 12px;
	border-radius: 999px;
}
.maai-pill--region { background: var(--maai-green); color: var(--maai-black); }
.maai-pill--topic { border: 1px solid var(--maai-line-strong); color: var(--maai-white); padding: 5px 11px; }
.maai-brief-item__headline { font-size: 22px; line-height: 1.25; letter-spacing: .5px; text-transform: none; }
.maai-brief-item__headline a { color: var(--maai-white); text-decoration: none; }
.maai-brief-item__headline a:hover { color: var(--maai-green); }
/* Source mark: a node chip from the MAAI icon (two nodes joined by a line), in place of a generic arrow.
   Fills green on hover; mirrored in Arabic. */
.maai-brief-item__headline a::after {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-inline-start: 10px;
	vertical-align: -5px;
	border: 1px solid var(--maai-line-strong);
	border-radius: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 14.5 13.5 6.5' stroke='%233FBF7F' stroke-width='1.8'/%3E%3Ccircle cx='5.5' cy='14.5' r='2.3' fill='none' stroke='%233FBF7F' stroke-width='1.6'/%3E%3Ccircle cx='14' cy='6' r='3' fill='%233FBF7F'/%3E%3C/svg%3E") center / 18px no-repeat;
	transition: background-color .25s ease, border-color .25s ease, transform .25s ease;
}
.maai-brief-item__headline a:hover::after,
.maai-brief-item__headline a:focus-visible::after {
	background-color: var(--maai-green);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 14.5 13.5 6.5' stroke='%23000000' stroke-width='1.8'/%3E%3Ccircle cx='5.5' cy='14.5' r='2.3' fill='none' stroke='%23000000' stroke-width='1.6'/%3E%3Ccircle cx='14' cy='6' r='3' fill='%23000000'/%3E%3C/svg%3E");
	border-color: var(--maai-green);
	transform: translate(2px, -2px);
}
html[dir="rtl"] .maai-brief-item__headline a::after { transform: scaleX(-1); }
html[dir="rtl"] .maai-brief-item__headline a:hover::after,
html[dir="rtl"] .maai-brief-item__headline a:focus-visible::after { transform: scaleX(-1) translate(2px, -2px); }
@media (prefers-reduced-motion: reduce) { .maai-brief-item__headline a::after { transition: none; } }
.maai-brief-item__meta { font-size: 13px; letter-spacing: 1.5px; color: var(--maai-muted); }
.maai-brief-item__meta { padding-bottom: 14px; border-bottom: 1px solid var(--maai-line); }
.maai-brief-item__line { font-size: 16px; color: var(--maai-text); }
.maai-brief-item__line strong {
	display: block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--maai-green);
}
.maai-brief-item__line--do { color: var(--maai-white); }
.maai-brief-item__line--do strong { color: var(--maai-red); }
@media (max-width: 600px) { .maai-brief-item { padding: 22px; } }

/* Regulation Tracker: the table scrolls inside its own box, never the page. */
.maai-tracker { overflow-x: auto; border: 1px solid var(--maai-line); margin: 0; }
.maai-tracker table { width: 100%; min-width: 980px; border-collapse: collapse; font-size: 15px; table-layout: auto; }
.maai-tracker th,
.maai-tracker td { text-align: start; vertical-align: top; padding: 16px 18px; border: 0; border-bottom: 1px solid var(--maai-line); }
.maai-tracker thead { border: 0; }
.maai-tracker th { font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--maai-muted); white-space: nowrap; }
.maai-tracker td:first-child { font-weight: 600; color: var(--maai-white); white-space: nowrap; }
.maai-tracker td:nth-child(2) { font-weight: 600; color: var(--maai-white); }
.maai-tracker tbody tr:last-child td { border-bottom: 0; }

.maai-brief-archive { margin-top: 24px; }
.maai-archive-row { justify-content: space-between; gap: 8px 24px; padding: 20px 0; border-top: 1px solid var(--maai-line); }
.maai-archive-row__title { gap: 6px 16px; align-items: baseline; }
.maai-archive-row .wp-block-post-title { font-size: 17px; letter-spacing: 1.5px; }
.maai-archive-row .wp-block-post-title a { color: var(--maai-white); text-decoration: none; }
.maai-archive-row .wp-block-post-excerpt__excerpt { margin: 0; font-size: 15px; }

/* Home: the latest Briefing issue as one highlighted card beside the two newest articles. */
.maai-latest { gap: 24px; align-items: stretch; }
.maai-latest__briefing { flex: 1.4 1 460px; min-width: 0; }
.maai-latest__articles { flex: 1 1 340px; min-width: 0; }
.maai-latest__articles .maai-posts { display: flex; flex-direction: column; gap: 24px; }
.maai-latest__briefing .wp-block-post-template { margin: 0; height: 100%; }
.maai-latest__briefing .wp-block-post { height: 100%; }
.maai-brief-card {
	height: 100%;
	box-sizing: border-box;
	border: 1.5px solid var(--maai-green);
	background: rgba(11, 11, 10, .86);
	padding: 36px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.maai-brief-card > * { margin: 0 !important; }
.maai-brief-card .wp-block-post-title { font-size: clamp(24px, 2.2vw, 30px); line-height: 1.15; }
.maai-brief-card .wp-block-post-title a { color: var(--maai-white); text-decoration: none; }
.maai-brief-card .wp-block-post-excerpt__excerpt { margin: 0; }
.maai-more-link { margin-top: auto !important; font-size: 13px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; color: var(--maai-white); text-decoration: none; }
.maai-more-link:hover { color: var(--maai-green); }
@media (max-width: 600px) { .maai-brief-card { padding: 24px; } }

/* ---------- Footer ---------- */

.maai-footer {
	position: relative;
	z-index: 2;
	background: var(--maai-black);
	border-top: 1px solid var(--maai-line);
	color: var(--maai-muted);
	padding-top: 48px;
	padding-bottom: 36px;
	font-size: 14px;
}
.maai-footer__top { gap: 32px; }
.maai-footer__brand { flex: 1 1 320px; gap: 12px; }
.maai-footer__brand p { margin: 0; }
.maai-footer .maai-logo img { height: 30px; }
.maai-footer__nav { gap: 12px 26px; font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; }
.maai-footer__nav .wp-block-navigation-item__content { color: var(--maai-white); text-decoration: none; }
.maai-footer__nav .wp-block-navigation-item__content:hover { color: var(--maai-green); }
.maai-footer__legal {
	margin-top: 32px;
	padding-top: 20px;
	border-top: 1px solid var(--maai-line);
	font-size: 12px;
	letter-spacing: 1.5px;
	color: #7A7A72;
}

/* ---------- Motion ---------- */

.maai-rise { animation: maai-rise .5s cubic-bezier(.2,.7,.2,1) both; }
.maai-rise--1 { animation-delay: .06s; }
.maai-rise--2 { animation-delay: .12s; }
@supports (animation-timeline: view()) {
	.maai-reveal {
		animation: maai-rise linear both;
		animation-timeline: view();
		animation-range: entry 10% entry 55%;
	}
}
@keyframes maai-menu-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes maai-menu-item { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes maai-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
	.maai-rise,
	.maai-reveal,
	.maai-header .is-menu-open,
	.maai-header .is-menu-open .wp-block-navigation-item { animation: none !important; }
}

/* ---------- Arabic (right-to-left) ---------- */

html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .wp-element-button,
html[dir="rtl"] .wp-block-post-title {
	font-family: var(--wp--preset--font-family--plex-arabic);
}
html[dir="rtl"] body { line-height: 1.8; }
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 { line-height: 1.4; font-weight: 600; }
/* Letter spacing breaks the joins between Arabic letters. */
html[dir="rtl"] body * { letter-spacing: 0 !important; }
html[dir="rtl"] .maai-eyebrow,
html[dir="rtl"] .maai-kicker,
html[dir="rtl"] .maai-label,
html[dir="rtl"] .wp-element-button,
html[dir="rtl"] .maai-header .wp-block-navigation { font-size: 15px; }
html[dir="rtl"] .maai-stat__value,
html[dir="rtl"] .maai-number,
html[dir="rtl"] .maai-principle__num { font-family: var(--wp--preset--font-family--barlow); }

/* ---------- Small screens ---------- */

@media (max-width: 781px) {
	.maai-band { padding-top: 80px; padding-bottom: 80px; }
	.maai-band--tight { padding-top: 8px; padding-bottom: 8px; }
	.maai-band--short { padding-top: 48px; padding-bottom: 48px; }
	.maai-page-hero,
	.maai-ms-page-hero { padding-top: 96px; padding-bottom: 72px; }
	.maai-ms-hero { min-height: 88vh; }
	.maai-ms-chapter { min-height: 90vh; align-items: flex-end; }
	.maai-ms-chapter__inner { padding-bottom: 80px; }
	.maai-stats.is-layout-grid { grid-template-columns: 1fr; }
	.maai-service { padding: 40px 0; }
}

/* ---------- Insight articles (single post) ---------- */

.maai-article-hero h1 { font-size: clamp(34px, 4.6vw, 64px); line-height: 1.06; max-width: 1040px; }
.maai-article-hero .maai-lead { max-width: 760px; }
.maai-article-band { padding-top: 72px; }
.maai-article-image { margin: 0 auto 64px !important; max-width: 960px; }
.maai-article-image img { display: block; border: 1px solid var(--maai-line); }

.maai-article { font-size: 19px; line-height: 1.7; }
.maai-article > * + * { margin-top: 22px; }
.maai-article p,
.maai-article li { color: var(--maai-text); }
.maai-article > .maai-lead { font-size: 23px; line-height: 1.5; color: var(--maai-white); max-width: none; }
.maai-article h2 { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.15; letter-spacing: 1px; margin-top: 72px; }
.maai-article h3 { font-size: 21px; letter-spacing: 1px; margin-top: 48px; }
.maai-article h2 + *,
.maai-article h3 + * { margin-top: 18px; }
.maai-article strong { color: var(--maai-white); font-weight: 600; }
.maai-article a { color: var(--maai-white); text-decoration: underline; text-decoration-color: var(--maai-green); text-underline-offset: 4px; text-decoration-thickness: 1.5px; }
.maai-article a:hover { color: var(--maai-green); }
.maai-article ol,
.maai-article ul { padding-inline-start: 26px; }
.maai-article li + li { margin-top: 12px; }
.maai-article li::marker { color: var(--maai-green); font-weight: 600; }

/* Tables scroll inside their own box on phones, never the page. */
.maai-article .wp-block-table { overflow-x: auto; border: 1px solid var(--maai-line); margin-top: 32px; margin-bottom: 0; }
.maai-article .wp-block-table table { width: 100%; min-width: 600px; border-collapse: collapse; font-size: 16px; line-height: 1.5; }
.maai-article .wp-block-table thead { border: 0; }
.maai-article .wp-block-table th,
.maai-article .wp-block-table td { text-align: start; vertical-align: top; padding: 14px 16px; border: 0; border-bottom: 1px solid var(--maai-line); }
.maai-article .wp-block-table th { font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--maai-muted); }
.maai-article .wp-block-table td:first-child { color: var(--maai-white); font-weight: 600; }
.maai-article .wp-block-table tbody tr:last-child td { border-bottom: 0; }

.maai-article .maai-sources { font-size: 15px; line-height: 1.55; }
.maai-article .maai-sources li { color: var(--maai-muted); }
.maai-article .maai-sources li + li { margin-top: 10px; }
.maai-article .maai-sources + p { font-size: 15px; color: var(--maai-muted); }

.maai-article-back { max-width: 760px; margin: 72px auto 0 !important; padding-top: 28px; border-top: 1px solid var(--maai-line); }
@media (max-width: 600px) {
	.maai-article { font-size: 17px; }
	.maai-article > .maai-lead { font-size: 20px; }
	.maai-article-image { margin-bottom: 40px !important; }
}
/* Sources are cited in their original language (English), so they read left to right on Arabic pages too. */
html[dir="rtl"] .maai-article .maai-sources { direction: ltr; text-align: left; padding-inline-start: 26px; }

/* ---------- Regulation Tracker links and note ---------- */

.maai-tracker a { color: inherit; text-decoration: underline; text-decoration-color: var(--maai-green); text-underline-offset: 3px; }
.maai-tracker a:hover { color: var(--maai-green); }
.maai-tracker-note { margin-top: 16px !important; font-size: 14px; }