/*
 * Beitcom Arabic SEO landing pages
 * Draft-only editorial presentation for page IDs 810 and 811.
 */
body.page-id-810,
body.page-id-811 {
	--beitcom-navy: #001f3f;
	--beitcom-navy-soft: #073b67;
	--beitcom-gold: #e8be4c;
	--beitcom-gold-deep: #9b7108;
	--beitcom-ink: #172033;
	--beitcom-muted: #667085;
	--beitcom-line: #e0e6eb;
	--beitcom-paper: #ffffff;
	--beitcom-warm: #f7f4ec;
	background: linear-gradient(180deg, #eef1f4 0%, #faf9f6 48%, #edf0f3 100%);
	color: var(--beitcom-ink);
}

body.page-id-810 .main,
body.page-id-811 .main,
body.page-id-810 .site-content,
body.page-id-811 .site-content {
	background: transparent;
}

body.page-id-810 article.page,
body.page-id-811 article.page {
	max-width: 1180px;
	margin: 46px auto 72px;
	padding: 0 34px 58px;
	background: var(--beitcom-paper);
	border: 1px solid rgba(0, 31, 63, .08);
	border-radius: 22px;
	box-shadow: 0 24px 65px rgba(0, 31, 63, .10);
	overflow: hidden;
}

body.page-id-810 .entry-header,
body.page-id-811 .entry-header {
	margin: 0 -34px 34px;
	padding: 42px 38px 32px;
	background:
		linear-gradient(105deg, rgba(255,255,255,.97), rgba(255,255,255,.80)),
		linear-gradient(135deg, #eef4f8, #fff9e9);
	border-right: 7px solid var(--beitcom-gold);
	border-bottom: 1px solid #e9edf0;
}

body.page-id-810 .entry-title,
body.page-id-811 .entry-title {
	margin: 0;
	color: var(--beitcom-navy);
	font-size: clamp(36px, 5vw, 62px);
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -.035em;
}

body.page-id-810 .post-thumbnail,
body.page-id-811 .post-thumbnail,
body.page-id-810 .entry-media,
body.page-id-811 .entry-media {
	margin: 0 0 34px;
	overflow: hidden;
	border-radius: 18px;
	box-shadow: 0 22px 48px rgba(0, 31, 63, .20);
}

body.page-id-810 .post-thumbnail img,
body.page-id-811 .post-thumbnail img,
body.page-id-810 .entry-media img,
body.page-id-811 .entry-media img {
	display: block;
	width: 100%;
	max-height: 520px;
	object-fit: cover;
}

body.page-id-810 .entry-content,
body.page-id-811 .entry-content {
	font-size: 17px;
	line-height: 1.95;
}

body.page-id-810 .entry-content > .bgtfw.container > .wp-block-group:first-child,
body.page-id-811 .entry-content > .bgtfw.container > .wp-block-group:first-child {
	position: relative;
	isolation: isolate;
	margin: 0 -34px 40px !important;
	padding: 64px 48px !important;
	border-radius: 0;
	overflow: hidden;
	background: linear-gradient(135deg, var(--beitcom-navy), var(--beitcom-navy-soft)) !important;
	box-shadow: inset 0 1px rgba(255,255,255,.08);
}

body.page-id-810 .entry-content > .bgtfw.container > .wp-block-group:first-child::before,
body.page-id-811 .entry-content > .bgtfw.container > .wp-block-group:first-child::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: auto auto -130px -90px;
	width: 330px;
	height: 330px;
	border: 1px solid rgba(232, 190, 76, .26);
	border-radius: 50%;
	box-shadow: 0 0 0 44px rgba(232, 190, 76, .045), 0 0 0 88px rgba(232, 190, 76, .025);
}

body.page-id-810 .entry-content > .bgtfw.container > .wp-block-group:first-child h2,
body.page-id-811 .entry-content > .bgtfw.container > .wp-block-group:first-child h2 {
	margin-top: 0;
	color: var(--beitcom-gold) !important;
	font-size: clamp(30px, 4vw, 43px) !important;
}

body.page-id-810 .entry-content > .bgtfw.container > .wp-block-group:first-child p,
body.page-id-811 .entry-content > .bgtfw.container > .wp-block-group:first-child p {
	max-width: 780px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.85;
}

body.page-id-810 .entry-content > .bgtfw.container > h2,
body.page-id-811 .entry-content > .bgtfw.container > h2 {
	position: relative;
	margin: 58px 0 24px;
	padding: 0 21px 15px 0;
	border-bottom: 1px solid #dce2e8;
	color: var(--beitcom-navy);
	font-size: clamp(27px, 3.2vw, 36px);
	line-height: 1.4;
}

body.page-id-810 .entry-content > .bgtfw.container > h2::before,
body.page-id-811 .entry-content > .bgtfw.container > h2::before {
	content: "";
	position: absolute;
	top: .22em;
	right: 0;
	width: 7px;
	height: 1.15em;
	border-radius: 10px;
	background: var(--beitcom-gold);
}

body.page-id-810 .entry-content > .bgtfw.container > p,
body.page-id-811 .entry-content > .bgtfw.container > p {
	color: #344054;
}

body.page-id-810 .entry-content a:not(.wp-block-button__link),
body.page-id-811 .entry-content a:not(.wp-block-button__link) {
	color: var(--beitcom-gold-deep);
	font-weight: 700;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

body.page-id-810 .entry-content .wp-block-group[style*="background-color:#f6f4ef"],
body.page-id-811 .entry-content .wp-block-group[style*="background-color:#f6f4ef"] {
	margin: 34px 0 42px !important;
	padding: 38px 34px !important;
	border: 1px solid #e8dfc8;
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(255,255,255,.75), rgba(247,244,236,.92)),
		var(--beitcom-warm) !important;
	box-shadow: 0 15px 34px rgba(0, 31, 63, .07);
}

body.page-id-810 .wp-block-columns,
body.page-id-811 .wp-block-columns {
	gap: 22px;
}

body.page-id-810 .wp-block-columns > .wp-block-column,
body.page-id-811 .wp-block-columns > .wp-block-column {
	padding: 24px;
	border: 1px solid #e2e7ec;
	border-top: 5px solid var(--beitcom-gold);
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(0, 31, 63, .075);
	transition: transform .22s ease, box-shadow .22s ease;
}

body.page-id-810 .wp-block-columns > .wp-block-column:hover,
body.page-id-811 .wp-block-columns > .wp-block-column:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 32px rgba(0, 31, 63, .12);
}

body.page-id-810 .wp-block-columns > .wp-block-column h3,
body.page-id-811 .wp-block-columns > .wp-block-column h3 {
	margin-top: 0;
	color: var(--beitcom-gold-deep) !important;
}

/* Modern data tables */
body.page-id-810 .wp-block-table,
body.page-id-811 .wp-block-table {
	margin: 30px 0 20px;
	border: 1px solid #d8e0e7;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 18px 38px rgba(0, 31, 63, .13);
	overflow: hidden;
}

body.page-id-810 .wp-block-table table,
body.page-id-811 .wp-block-table table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: auto;
}

body.page-id-810 .wp-block-table th,
body.page-id-811 .wp-block-table th {
	padding: 20px 18px;
	border: 0;
	border-left: 1px solid rgba(255,255,255,.14);
	background: var(--beitcom-navy);
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	text-align: right;
}

body.page-id-810 .wp-block-table td,
body.page-id-811 .wp-block-table td {
	padding: 19px 18px;
	border: 0;
	border-bottom: 1px solid #e3e8ed;
	vertical-align: top;
	color: #344054;
}

body.page-id-810 .wp-block-table tbody tr:nth-child(even),
body.page-id-811 .wp-block-table tbody tr:nth-child(even) {
	background: #f5f7f9;
}

body.page-id-810 .wp-block-table tbody tr:last-child td,
body.page-id-811 .wp-block-table tbody tr:last-child td {
	border-bottom: 0;
}

body.page-id-810 .wp-block-table tbody tr,
body.page-id-811 .wp-block-table tbody tr {
	transition: background-color .18s ease;
}

body.page-id-810 .wp-block-table tbody tr:hover,
body.page-id-811 .wp-block-table tbody tr:hover {
	background: #fff8e3;
}

body.page-id-810 .wp-block-table tbody td:first-child,
body.page-id-811 .wp-block-table tbody td:first-child {
	color: var(--beitcom-gold-deep);
	font-weight: 800;
}

/* Card bullets and numbered process */
body.page-id-810 .entry-content > .bgtfw.container > ul.wp-block-list,
body.page-id-811 .entry-content > .bgtfw.container > ul.wp-block-list {
	margin: 28px 0;
	padding: 0;
	list-style: none;
}

body.page-id-810 .entry-content > .bgtfw.container > ul.wp-block-list > li,
body.page-id-811 .entry-content > .bgtfw.container > ul.wp-block-list > li {
	margin: 11px 0;
	padding: 15px 19px;
	border: 1px solid #e2e7ec;
	border-right: 5px solid var(--beitcom-gold);
	border-radius: 12px;
	background: #f8fafb;
	box-shadow: 0 5px 15px rgba(0, 31, 63, .045);
}

body.page-id-810 .entry-content > .bgtfw.container > ol.wp-block-list,
body.page-id-811 .entry-content > .bgtfw.container > ol.wp-block-list {
	counter-reset: beitcom-steps;
	margin: 30px 0;
	padding: 0;
	list-style: none;
}

body.page-id-810 .entry-content > .bgtfw.container > ol.wp-block-list > li,
body.page-id-811 .entry-content > .bgtfw.container > ol.wp-block-list > li {
	counter-increment: beitcom-steps;
	position: relative;
	margin: 12px 0;
	padding: 19px 72px 19px 22px;
	border: 1px solid #dfe5ea;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 9px 22px rgba(0, 31, 63, .065);
}

body.page-id-810 .entry-content > .bgtfw.container > ol.wp-block-list > li::before,
body.page-id-811 .entry-content > .bgtfw.container > ol.wp-block-list > li::before {
	content: counter(beitcom-steps);
	position: absolute;
	top: 15px;
	right: 17px;
	display: grid;
	width: 40px;
	height: 40px;
	place-items: center;
	border-radius: 50%;
	background: var(--beitcom-navy);
	color: var(--beitcom-gold);
	font-weight: 800;
}

/* FAQ panels */
body.page-id-810 .entry-content > .bgtfw.container > h3,
body.page-id-811 .entry-content > .bgtfw.container > h3 {
	margin: 22px 0 0;
	padding: 17px 20px;
	border: 1px solid #e5e0d3;
	border-right: 5px solid var(--beitcom-gold);
	border-radius: 13px 13px 0 0;
	background: var(--beitcom-warm);
	color: var(--beitcom-navy);
	font-size: 21px;
}

body.page-id-810 .entry-content > .bgtfw.container > h3 + p,
body.page-id-811 .entry-content > .bgtfw.container > h3 + p {
	margin-top: 0;
	padding: 20px;
	border: 1px solid #e5e0d3;
	border-top: 0;
	border-radius: 0 0 13px 13px;
	background: #fff;
	box-shadow: 0 9px 20px rgba(0, 31, 63, .055);
}

body.page-id-810 .wp-block-button__link,
body.page-id-811 .wp-block-button__link {
	border-radius: 10px !important;
	box-shadow: 0 9px 20px rgba(0,0,0,.16);
	transition: transform .2s ease, box-shadow .2s ease;
}

body.page-id-810 .wp-block-button__link:hover,
body.page-id-811 .wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 27px rgba(0,0,0,.22);
}

@media (max-width: 760px) {
	body.page-id-810 article.page,
	body.page-id-811 article.page {
		margin: 20px 0 44px;
		padding: 0 16px 34px;
		border-right: 0;
		border-left: 0;
		border-radius: 0;
	}

	body.page-id-810 .entry-header,
	body.page-id-811 .entry-header {
		margin: 0 -16px 24px;
		padding: 28px 20px 24px;
	}

	body.page-id-810 .entry-title,
	body.page-id-811 .entry-title {
		font-size: 36px;
	}

	body.page-id-810 .entry-content > .bgtfw.container > .wp-block-group:first-child,
	body.page-id-811 .entry-content > .bgtfw.container > .wp-block-group:first-child {
		margin-right: -16px !important;
		margin-left: -16px !important;
		padding: 42px 20px !important;
	}

	body.page-id-810 .entry-content > .bgtfw.container > .wp-block-group:first-child h2,
	body.page-id-811 .entry-content > .bgtfw.container > .wp-block-group:first-child h2 {
		font-size: 29px !important;
	}

	body.page-id-810 .entry-content > .bgtfw.container > h2,
	body.page-id-811 .entry-content > .bgtfw.container > h2 {
		margin-top: 42px;
		font-size: 26px;
	}

	body.page-id-810 .wp-block-columns,
	body.page-id-811 .wp-block-columns {
		display: block;
	}

	body.page-id-810 .wp-block-columns > .wp-block-column,
	body.page-id-811 .wp-block-columns > .wp-block-column {
		margin-bottom: 16px;
	}

	body.page-id-810 .wp-block-table,
	body.page-id-811 .wp-block-table {
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		overflow: visible;
	}

	body.page-id-810 .wp-block-table thead,
	body.page-id-811 .wp-block-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
		clip-path: inset(50%);
	}

	body.page-id-810 .wp-block-table table,
	body.page-id-811 .wp-block-table table,
	body.page-id-810 .wp-block-table tbody,
	body.page-id-811 .wp-block-table tbody,
	body.page-id-810 .wp-block-table tr,
	body.page-id-811 .wp-block-table tr,
	body.page-id-810 .wp-block-table td,
	body.page-id-811 .wp-block-table td {
		display: block;
		width: 100%;
	}

	body.page-id-810 .wp-block-table tbody tr,
	body.page-id-811 .wp-block-table tbody tr {
		margin: 0 0 17px;
		border: 1px solid #dce3e8;
		border-top: 5px solid var(--beitcom-gold);
		border-radius: 15px;
		background: #fff !important;
		box-shadow: 0 10px 24px rgba(0, 31, 63, .09);
		overflow: hidden;
	}

	body.page-id-810 .wp-block-table td,
	body.page-id-811 .wp-block-table td {
		position: relative;
		padding: 15px 17px;
		border-bottom: 1px solid #e8ecef;
		text-align: right;
	}

	body.page-id-810 .wp-block-table td::before,
	body.page-id-811 .wp-block-table td::before {
		display: block;
		margin-bottom: 4px;
		color: var(--beitcom-muted);
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .02em;
	}

	body.page-id-810 .wp-block-table td:nth-child(1)::before { content: "المنطقة"; }
	body.page-id-810 .wp-block-table td:nth-child(2)::before { content: "ما يميزها"; }
	body.page-id-810 .wp-block-table td:nth-child(3)::before { content: "أسئلة يجب دراستها"; }

	body.page-id-811 .wp-block-table td:nth-child(1)::before { content: "الفئة"; }
	body.page-id-811 .wp-block-table td:nth-child(2)::before { content: "الحد الاستثماري المنشور"; }
	body.page-id-811 .wp-block-table td:nth-child(3)::before { content: "ملاحظات عامة"; }

	body.page-id-810 .entry-content > .bgtfw.container > ol.wp-block-list > li,
	body.page-id-811 .entry-content > .bgtfw.container > ol.wp-block-list > li {
		padding-right: 66px;
	}

	body.page-id-810 .wp-block-buttons,
	body.page-id-811 .wp-block-buttons {
		flex-direction: column;
	}

	body.page-id-810 .wp-block-button,
	body.page-id-811 .wp-block-button,
	body.page-id-810 .wp-block-button__link,
	body.page-id-811 .wp-block-button__link {
		width: 100%;
		text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.page-id-810 *,
	body.page-id-811 * {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}

/* Shared in-content hero image; the classic page template does not render featured media. */
body.page-id-810 .entry-content > .bgtfw.container > .wp-block-image,
body.page-id-811 .entry-content > .bgtfw.container > .wp-block-image {
	margin: 34px 0 42px;
	border-radius: 18px;
	box-shadow: 0 22px 48px rgba(0, 31, 63, .18);
	overflow: hidden;
}

body.page-id-810 .entry-content > .bgtfw.container > .wp-block-image img,
body.page-id-811 .entry-content > .bgtfw.container > .wp-block-image img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

/* English counterparts inherit the same design through the bilingual page map. */
body.beitcom-lang-en.page-id-810 .entry-header,
body.beitcom-lang-en.page-id-811 .entry-header {
	border-right: 0;
	border-left: 7px solid var(--beitcom-gold);
}

body.beitcom-lang-en.page-id-810 .entry-content > .bgtfw.container > h2,
body.beitcom-lang-en.page-id-811 .entry-content > .bgtfw.container > h2 {
	padding-right: 0;
	padding-left: 21px;
}

body.beitcom-lang-en.page-id-810 .entry-content > .bgtfw.container > h2::before,
body.beitcom-lang-en.page-id-811 .entry-content > .bgtfw.container > h2::before {
	right: auto;
	left: 0;
}

body.beitcom-lang-en.page-id-810 .wp-block-table th,
body.beitcom-lang-en.page-id-811 .wp-block-table th {
	border-right: 1px solid rgba(255,255,255,.14);
	border-left: 0;
	text-align: left;
}

body.beitcom-lang-en.page-id-810 .entry-content > .bgtfw.container > ul.wp-block-list > li,
body.beitcom-lang-en.page-id-811 .entry-content > .bgtfw.container > ul.wp-block-list > li {
	border-right: 1px solid #e2e7ec;
	border-left: 5px solid var(--beitcom-gold);
}

body.beitcom-lang-en.page-id-810 .entry-content > .bgtfw.container > ol.wp-block-list > li,
body.beitcom-lang-en.page-id-811 .entry-content > .bgtfw.container > ol.wp-block-list > li {
	padding-right: 22px;
	padding-left: 72px;
}

body.beitcom-lang-en.page-id-810 .entry-content > .bgtfw.container > ol.wp-block-list > li::before,
body.beitcom-lang-en.page-id-811 .entry-content > .bgtfw.container > ol.wp-block-list > li::before {
	right: auto;
	left: 17px;
}

body.beitcom-lang-en.page-id-810 .entry-content > .bgtfw.container > h3,
body.beitcom-lang-en.page-id-811 .entry-content > .bgtfw.container > h3 {
	border-right: 1px solid #e5e0d3;
	border-left: 5px solid var(--beitcom-gold);
}

@media (max-width: 760px) {
	body.beitcom-lang-en.page-id-810 .entry-title,
	body.beitcom-lang-en.page-id-811 .entry-title {
		font-size: clamp(29px, 8vw, 33px);
		line-height: 1.2;
		letter-spacing: -.02em;
	}

	body.beitcom-lang-en.page-id-810 .wp-block-table td,
	body.beitcom-lang-en.page-id-811 .wp-block-table td {
		text-align: left;
	}

	body.beitcom-lang-en.page-id-810 .wp-block-table td:nth-child(1)::before { content: "Location"; }
	body.beitcom-lang-en.page-id-810 .wp-block-table td:nth-child(2)::before { content: "Typical strengths"; }
	body.beitcom-lang-en.page-id-810 .wp-block-table td:nth-child(3)::before { content: "Questions to examine"; }

	body.beitcom-lang-en.page-id-811 .wp-block-table td:nth-child(1)::before { content: "Category"; }
	body.beitcom-lang-en.page-id-811 .wp-block-table td:nth-child(2)::before { content: "Published minimum"; }
	body.beitcom-lang-en.page-id-811 .wp-block-table td:nth-child(3)::before { content: "General note"; }

	body.beitcom-lang-en.page-id-810 .entry-content > .bgtfw.container > ol.wp-block-list > li,
	body.beitcom-lang-en.page-id-811 .entry-content > .bgtfw.container > ol.wp-block-list > li {
		padding-right: 22px;
		padding-left: 66px;
	}
}