/*
 * Rahman Bazian Posts: the two page designs.
 * Scoped under .rbp so nothing leaks into the theme. Fonts are inherited from
 * the theme. Logical properties keep the layout right in Arabic (RTL).
 * The layout answers to the width of .rbp-main, not the window.
 */
.rbp-main {
	container-type: inline-size;
	container-name: rbp;
}
.rbp {
	--rbp-navy: #1f1f24;
	--rbp-red: #d94444;
	--rbp-ink: #000;
	--rbp-slate: #5b6776;
	--rbp-mist: #eef2f6;
	--rbp-line: #d6dde5;
	--rbp-paper: #fff;
	--rbp-pink: #f29a9a;
	--rbp-soft: #c9cdd4;
	color: var(--rbp-ink);
	background: var(--rbp-paper);
	font-size: 16px;
	line-height: 1.6;
	text-align: start;
}
.rbp *,
.rbp *::before,
.rbp *::after {
	box-sizing: border-box;
}
.rbp h1,
.rbp h2,
.rbp h3,
.rbp h4 {
	line-height: 1.2;
	margin: 0 0 .5em;
	padding: 0;
	color: var(--rbp-navy);
	text-wrap: balance;
	text-transform: none;
	letter-spacing: normal;
}
.rbp h2 {
	font-size: clamp(1.45rem, 3.2cqi, 2.1rem);
	font-weight: 800;
	letter-spacing: -.01em;
}
.rbp h3 {
	font-size: 1.15rem;
	font-weight: 700;
}
.rbp p {
	margin: 0 0 1em;
	color: #000;
}
/* Bold in the text is shown at normal weight, in black. */
.rbp strong,
.rbp b {
	font-weight: 400;
	color: #000;
}
.rbp a strong,
.rbp a b,
.rbp .rbp-dark p,
.rbp .rbp-dark strong,
.rbp .rbp-dark b,
.rbp .rbp-title p,
.rbp .rbp-title strong {
	color: inherit;
}
.rbp .rbp-box-title,
.rbp .rbp-more-title,
.rbp .rbp-name {
	font-weight: 700;
	color: var(--rbp-navy);
}
.rbp .rbp-box-title {
	margin-bottom: .5em;
}
.rbp a {
	color: var(--rbp-red);
}
.rbp a:focus-visible {
	outline: 2px solid var(--rbp-navy);
	outline-offset: 2px;
}
.rbp ul,
.rbp ol {
	padding-inline-start: 1.3em;
	margin: 0 0 1em;
}
.rbp ul {
	list-style: disc;
}
.rbp ol {
	list-style: decimal;
}
.rbp li {
	margin-bottom: .4em;
}
.rbp-wrap {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px;
}

/* buttons */
.rbp-btnrow {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 18px;
}
.rbp .rbp-btn {
	display: inline-block;
	font-weight: 700;
	font-size: .9rem;
	line-height: 1.3;
	padding: 10px 18px;
	border-radius: 8px;
	border: 2px solid var(--rbp-navy);
	text-decoration: none;
}
.rbp .rbp-btn.rbp-solid {
	background: var(--rbp-navy);
	color: var(--rbp-paper);
}
.rbp .rbp-btn.rbp-line-btn {
	background: transparent;
	color: var(--rbp-navy);
}
.rbp .rbp-btn:hover {
	background: var(--rbp-red);
	border-color: var(--rbp-red);
	color: var(--rbp-paper);
}

/* story: title bar */
.rbp-title {
	background: var(--rbp-navy);
	color: var(--rbp-soft);
	padding: 46px 0 40px;
}
.rbp-title .rbp-small {
	font-size: .85rem;
	font-weight: 600;
	color: var(--rbp-pink);
}
.rbp .rbp-title h1 {
	color: var(--rbp-paper);
	font-size: clamp(1.7rem, 4.2cqi, 2.9rem);
	margin: .15em 0 .25em;
	font-weight: 800;
}
.rbp-crumbs {
	font-size: .86rem;
}
.rbp .rbp-title .rbp-crumbs a {
	color: var(--rbp-paper);
}
.rbp .rbp-title .rbp-line {
	color: var(--rbp-paper);
	margin: 12px 0 0;
	font-size: 1.03rem;
	max-width: 72ch;
}

/* bands */
.rbp-sec {
	padding: 60px 0;
}
.rbp-sec.rbp-slim {
	padding: 30px 0 0;
}
.rbp-sec.rbp-alt {
	background: var(--rbp-mist);
}
.rbp-sec.rbp-dark {
	background: var(--rbp-navy);
	color: var(--rbp-soft);
}
.rbp-label {
	display: inline-block;
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .08em;
	color: var(--rbp-red);
	margin-bottom: .6em;
	text-transform: uppercase;
}
.rbp-sec.rbp-dark .rbp-label {
	color: var(--rbp-pink);
}
.rbp-read > * {
	max-width: 760px;
}
.rbp-after-figs {
	margin-top: 26px;
}

/* cards */
.rbp-card {
	background: var(--rbp-paper);
	border: 1px solid var(--rbp-line);
	border-radius: 10px;
	padding: 20px;
}
.rbp-pull {
	margin: 22px 0;
}
.rbp-pull .rbp-label {
	margin: 0;
}
.rbp .rbp-pull h3 {
	margin: .5em 0 .4em;
}
.rbp-pull > *:last-child,
.rbp-abox > *:last-child {
	margin-bottom: 0;
}
.rbp-glance {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 20px;
}
.rbp-glance .rbp-k {
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .06em;
	color: var(--rbp-red);
	margin-bottom: 6px;
	text-transform: uppercase;
}
.rbp-figs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-top: 20px;
}
.rbp-figs.rbp-three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rbp-figs b {
	display: block;
	font-size: 1.9rem;
	line-height: 1.1;
	color: var(--rbp-navy);
	font-weight: 800;
	overflow-wrap: anywhere;
}
.rbp-figs span {
	font-size: .9rem;
	color: var(--rbp-slate);
}
.rbp-minis {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 18px 0;
}
.rbp-minis .rbp-card {
	padding: 12px 14px;
}
.rbp-minis b {
	display: block;
	font-weight: 800;
	font-size: 1.3rem;
	color: var(--rbp-navy);
	line-height: 1.15;
	overflow-wrap: anywhere;
}
.rbp-minis span {
	font-size: .84rem;
	color: var(--rbp-slate);
}

/* testimonial band */
.rbp-quote {
	max-width: 820px;
	margin: 0 auto;
	text-align: center;
}
.rbp-quote blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	quotes: none;
}
.rbp-quote blockquote::before,
.rbp-quote blockquote::after {
	content: none;
}
.rbp .rbp-quote p {
	font-size: 1.2rem;
	line-height: 1.55;
	color: var(--rbp-paper);
	margin: 0 0 18px;
	font-style: normal;
}
.rbp-quote .rbp-who {
	font-weight: 700;
	color: var(--rbp-paper);
}
.rbp-quote .rbp-who span {
	display: block;
	font-weight: 500;
	color: var(--rbp-soft);
	font-size: .92rem;
}
.rbp .rbp-bq {
	margin: 22px 0;
	padding: 0;
	padding-inline-start: 18px;
	border: 0;
	border-inline-start: 4px solid var(--rbp-red);
	background: none;
	font-size: 1.1rem;
	font-style: normal;
}
.rbp-meta {
	font-size: .82rem;
	color: var(--rbp-slate);
}

/* previous / next */
.rbp-grid2 {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 22px;
}
.rbp-grid2.rbp-one {
	grid-template-columns: minmax(0, 1fr);
}
.rbp a.rbp-cardlink {
	color: inherit;
	text-decoration: none;
	display: block;
}
.rbp a.rbp-cardlink:hover {
	border-color: var(--rbp-slate);
}
.rbp-cardlink .rbp-meta {
	display: block;
	text-transform: uppercase;
	letter-spacing: .06em;
}
.rbp-cardtitle {
	display: block;
	margin-top: 6px;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--rbp-navy);
}
.rbp-end {
	text-align: end;
}

/* tables, images, PDF */
.rbp-tbl {
	overflow-x: auto;
	margin: 18px 0 6px;
}
.rbp table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	font-size: .95rem;
}
.rbp th,
.rbp td {
	border: 1px solid var(--rbp-line);
	padding: 9px 12px;
	text-align: start;
	vertical-align: top;
}
.rbp th {
	background: var(--rbp-mist);
	color: var(--rbp-navy);
	font-weight: 700;
}
.rbp .rbp-cap {
	font-size: .82rem;
	color: var(--rbp-slate);
	font-style: italic;
	margin-top: 6px;
}
.rbp .rbp-figure {
	margin: 26px 0;
}
.rbp .rbp-figure img {
	max-width: 100%;
	height: auto;
	border: 1px solid var(--rbp-line);
	border-radius: 8px;
}
.rbp .rbp-pdf object p {
	margin: 0;
	padding: 18px 20px;
}
.rbp-pdf object {
	display: block;
	width: 100%;
	height: min(86vh, 1000px);
	border: 1px solid var(--rbp-line);
	border-radius: 8px;
	background: var(--rbp-mist);
}

/* article */
.rbp-sec.rbp-top {
	padding-top: 44px;
}
.rbp-article {
	max-width: 780px;
}
.rbp-article.rbp-wide {
	max-width: 1000px;
}
.rbp-article .rbp-crumbs {
	color: var(--rbp-slate);
	margin-bottom: 10px;
}
.rbp .rbp-article .rbp-crumbs a {
	color: var(--rbp-slate);
}
.rbp-kicker {
	font-size: .8rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--rbp-red);
	font-weight: 700;
}
.rbp .rbp-article h1 {
	font-size: clamp(1.6rem, 4.4cqi, 2.1rem);
	margin: 8px 0 10px;
	font-weight: 800;
}
.rbp-byline {
	color: var(--rbp-slate);
	font-size: .9rem;
	margin-bottom: 26px;
}
.rbp .rbp-lead {
	font-size: 1.1rem;
}
.rbp .rbp-article h2 {
	font-size: 1.4rem;
	margin: 36px 0 12px;
	line-height: 1.3;
	scroll-margin-top: 90px;
}
.rbp .rbp-article h3 {
	font-size: 1.12rem;
	margin: 24px 0 10px;
	scroll-margin-top: 90px;
}
.rbp-article p,
.rbp-article li {
	line-height: 1.7;
}
.rbp-abox {
	background: var(--rbp-mist);
	border-inline-start: 4px solid var(--rbp-red);
	border-radius: 8px;
	padding: 18px 22px;
	margin: 22px 0;
}
.rbp-more {
	border-top: 1px solid var(--rbp-line);
	margin-top: 42px;
	padding-top: 22px;
}
.rbp-more ul {
	margin-top: .6em;
}
.rbp-more p {
	margin: 0;
}

@container rbp (max-width: 860px) {
	.rbp-glance,
	.rbp-figs,
	.rbp-figs.rbp-three {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.rbp-sec {
		padding: 44px 0;
	}
}
@container rbp (max-width: 520px) {
	.rbp-glance,
	.rbp-figs,
	.rbp-figs.rbp-three,
	.rbp-grid2 {
		grid-template-columns: minmax(0, 1fr);
	}
	.rbp-minis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.rbp-end {
		text-align: start;
	}
}
@media print {
	.rbp-btnrow,
	.rbp-more,
	.rbp nav {
		display: none;
	}
}