/* Al-Sumait Chapter Pages — layout layer. All colour/spacing values come from the Ollie tokens. */

:root {
	--dsc-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
	--dsc-arabic: "Aref Ruqaa", "Amiri", "Noto Naskh Arabic", "Traditional Arabic", serif;
}

/* ---------- compositor hint, only while something is moving ----------
 * Added by the motion layer at the start of a tween and removed on complete.
 * A permanent will-change holds a compositor layer for the life of the page.
 */
.dsc-live {
	will-change: opacity, transform;
}

/* ---------- shared ---------- */
.dsc-chapter-page .dsc-eyebrow {
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0;
}

/* ---------- 1 · opener ---------- */
.dsc-opener {
	position: relative;
	overflow: hidden;
}
.dsc-opener .dsc-opener-text {
	position: relative;
	z-index: 1;
}
.dsc-opener .dsc-watermark {
	position: absolute;
	z-index: -1;
	top: -0.12em;
	left: -0.04em;
	margin: 0;
	opacity: 0.55;
	font-family: var(--dsc-serif);
	font-size: clamp(12rem, 30vw, 28rem);
	line-height: 1;
	letter-spacing: -0.04em;
	pointer-events: none;
	user-select: none;
}
.dsc-opener .dsc-title {
	position: relative;
	line-height: 0.98;
	letter-spacing: -0.01em;
	margin-top: var(--wp--preset--spacing--small);
}
.dsc-opener .dsc-readlink a {
	text-decoration: none;
	font-weight: 600;
}
.dsc-opener .dsc-readlink a:hover {
	text-decoration: underline;
	text-underline-offset: 0.25em;
}
.dsc-frame {
	background: var(--wp--preset--color--base);
	padding: 0.85rem 0.85rem 0.6rem;
	border: 1px solid var(--wp--preset--color--border-light);
	box-shadow: var(--wp--preset--shadow--large, 0 24px 60px rgba(16, 50, 43, 0.14));
	transform: rotate(1.2deg);
	margin-left: auto;
	max-width: 36rem;
}
.dsc-frame img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: center 20%;
}
.dsc-chapter-page .wp-block-image.dsc-frame figcaption,
.dsc-chapter-page .wp-block-image.dsc-album-img figcaption,
.dsc-chapter-page .wp-block-image.dsc-bleed figcaption {
	text-align: left;
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--secondary);
	margin-top: 0.6rem;
}
.dsc-frame figcaption em,
.dsc-album-img figcaption em,
.dsc-bleed figcaption em {
	font-style: normal;
	color: var(--wp--preset--color--primary);
}

/* ---------- 2 · reading: rail + body + margin ---------- */
.dsc-read {
	border-top: 1px solid var(--wp--preset--color--border-light);
}
.dsc-rail {
	position: sticky;
	top: 6rem;
}
.dsc-rail-item {
	border-left: 2px solid var(--wp--preset--color--border-light);
	padding-left: 1rem;
	transition: border-color 0.35s ease;
}
.dsc-rail-item .dsc-rail-year {
	font-family: var(--dsc-serif);
	font-weight: 400;
	line-height: 1;
	margin: 0;
}
.dsc-rail-item .dsc-rail-year a {
	text-decoration: none;
	color: var(--wp--preset--color--secondary);
	transition: color 0.35s ease;
}
.dsc-rail-item.is-active {
	border-color: var(--wp--preset--color--primary);
}
.dsc-rail-item.is-active .dsc-rail-year a {
	color: var(--wp--preset--color--primary);
}
.dsc-rail-item .dsc-rail-year a:hover {
	color: var(--wp--preset--color--main);
}

.dsc-body p {
	line-height: 1.7;
	scroll-margin-top: 7rem;
}
.dsc-body .dsc-lead::first-letter {
	font-family: var(--dsc-serif);
	font-size: 4.2em;
	line-height: 0.78;
	float: left;
	padding: 0.06em 0.12em 0 0;
	color: var(--wp--preset--color--primary);
}

/* verse set as verse */
.dsc-body .dsc-verse {
	border-left: 0;
	border-top: 1px solid var(--wp--preset--color--border-light);
	border-bottom: 1px solid var(--wp--preset--color--border-light);
	padding: var(--wp--preset--spacing--medium) 0;
	margin: var(--wp--preset--spacing--small) 0 var(--wp--preset--spacing--medium);
	font-family: var(--dsc-serif);
	font-style: italic;
}
.dsc-body .dsc-verse p {
	line-height: 1.35;
	margin: 0;
}
.dsc-body .dsc-verse p + p {
	margin-top: 0.25em;
}

/* glossary margin */
.dsc-gloss {
	border: 1px solid var(--wp--preset--color--border-light);
}
.dsc-gloss h3 {
	font-family: var(--dsc-serif);
	font-weight: 400;
	line-height: 1.1;
	margin: 0;
}
.dsc-gloss .dsc-ar {
	font-family: var(--dsc-arabic);
	font-size: 0.72em;
	color: var(--wp--preset--color--secondary);
	white-space: nowrap;
}
.dsc-gloss p {
	line-height: 1.55;
	margin: 0;
}

/* ---------- 5 · testimony ---------- */
.dsc-testimony {
	border: 0;
	padding: 0;
	margin: 0 auto;
	max-width: 60rem;
	text-align: center;
	font-family: var(--dsc-serif);
}
.dsc-testimony::before {
	content: "\201C";
	display: block;
	font-family: var(--dsc-serif);
	font-size: 6rem;
	line-height: 0.6;
	color: var(--wp--preset--color--primary);
	margin-bottom: var(--wp--preset--spacing--medium);
}
.dsc-testimony p {
	line-height: 1.3;
	font-style: normal;
	margin: 0;
}
.dsc-testimony cite {
	display: block;
	margin-top: var(--wp--preset--spacing--medium);
	font-family: var(--wp--preset--font-family--primary, inherit);
	font-style: normal;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--primary);
}

/* ---------- 6 · Shuwaikh: photo + fact card ---------- */
.dsc-shuwaikh-grid {
	gap: 0 !important;
}
.dsc-shuwaikh-grid .dsc-col-photo {
	position: relative;
	overflow: hidden;
	min-height: 32rem;
}
.dsc-shuwaikh-grid .dsc-bleed {
	position: absolute;
	inset: 0;
	margin: 0;
}
.dsc-shuwaikh-grid .dsc-bleed img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 30%;
	transform: scale(1.12);
	will-change: transform;
}
.dsc-shuwaikh-grid .dsc-bleed figcaption {
	position: absolute;
	left: var(--wp--preset--spacing--medium);
	bottom: var(--wp--preset--spacing--medium);
	margin: 0;
	padding: 0.5rem 0.9rem;
	background: color-mix(in srgb, var(--wp--preset--color--main) 82%, transparent);
	color: var(--wp--preset--color--base);
}
.dsc-shuwaikh-grid .dsc-bleed figcaption em {
	color: var(--wp--preset--color--main-accent);
}
.dsc-shuwaikh-grid .dsc-col-card,
.dsc-shuwaikh-grid .dsc-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.dsc-shuwaikh-grid .dsc-col-card {
	align-items: stretch;
}
.dsc-shuwaikh-grid .dsc-card {
	flex: 1 1 auto;
	min-height: 32rem;
}
.dsc-card .dsc-eyebrow,
.dsc-card .wp-block-heading,
.dsc-card p {
	text-align: left;
	margin-left: 0;
}
.dsc-stats {
	border-top: 1px solid var(--wp--preset--color--border-dark);
	padding-top: var(--wp--preset--spacing--medium);
}
.dsc-stat-num {
	font-family: var(--dsc-serif);
	font-weight: 400;
	line-height: 1;
	margin: 0;
	font-variant-numeric: tabular-nums;
}

/* ---------- 7a · album ---------- */
.dsc-album .wp-block-group.alignwide > * {
	max-width: none;
}
.dsc-album-img img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: center 18%;
	background: var(--wp--preset--color--tertiary);
}

/* ---------- 7b · chapter navigation ---------- */
.dsc-nav-grid {
	border-top: 1px solid var(--wp--preset--color--border-light);
	border-bottom: 1px solid var(--wp--preset--color--border-light);
	gap: 0 !important;
}
.dsc-nav-grid .dsc-col-prev {
	border-right: 1px solid var(--wp--preset--color--border-light);
}
.dsc-nav-grid .dsc-col-next {
	padding: var(--wp--preset--spacing--medium) 0 var(--wp--preset--spacing--medium) var(--wp--preset--spacing--x-large);
}
.dsc-nav-grid h3 {
	font-family: var(--dsc-serif);
	font-weight: 400;
	line-height: 1.05;
	margin: 0;
}
.dsc-nav-grid h3 a,
.dsc-nav-grid p a {
	text-decoration: none;
}
.dsc-nav-grid h3 a:hover {
	color: var(--wp--preset--color--primary);
}
.dsc-nav-img {
	margin: 0;
}
.dsc-nav-img img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: center 20%;
}

/* ---------- mobile ---------- */
@media (max-width: 781px) {
	.dsc-opener .dsc-watermark {
		font-size: 11rem;
		top: -0.1em;
	}
	.dsc-frame {
		transform: none;
		max-width: none;
	}
	.dsc-rail {
		position: static;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: var(--wp--preset--spacing--small) var(--wp--preset--spacing--medium);
		padding-bottom: var(--wp--preset--spacing--medium);
		border-bottom: 1px solid var(--wp--preset--color--border-light);
	}
	.dsc-rail .dsc-eyebrow {
		flex-basis: 100%;
	}
	.dsc-rail-item {
		border-left: 0;
		border-top: 2px solid var(--wp--preset--color--border-light);
		padding-left: 0;
		padding-top: 0.5rem;
	}
	.dsc-rail-item.is-active {
		border-color: var(--wp--preset--color--primary);
	}
	.dsc-shuwaikh-grid .dsc-col-photo {
		min-height: 22rem;
	}
	.dsc-shuwaikh-grid .dsc-card {
		min-height: 0;
	}
	.wp-block-columns.is-not-stacked-on-mobile.dsc-stats {
		flex-wrap: wrap !important;
		row-gap: var(--wp--preset--spacing--medium);
	}
	.dsc-stats .wp-block-column {
		flex-basis: calc(50% - var(--wp--preset--spacing--medium)) !important;
		flex-grow: 1;
	}
	.dsc-nav-grid .dsc-col-prev {
		border-right: 0;
		border-bottom: 1px solid var(--wp--preset--color--border-light);
	}
	.dsc-nav-grid .dsc-col-next {
		padding-left: 0;
	}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
	.dsc-rail-item,
	.dsc-rail-item .dsc-rail-year a {
		transition: none;
	}
	.dsc-shuwaikh-grid .dsc-bleed img {
		transform: none;
		will-change: auto;
	}
	.dsc-live {
		will-change: auto;
	}
}


/* =====================================================================
   STATIONS LAYER  (v1.3.0)
   Chapter pages built on the "stations" structure. Everything here is
   gated on body.dsc-stations-on, which chapter.js adds only when the
   page actually carries .dsc-stations - so the four older chapter
   pages are untouched.
   ===================================================================== */
body.dsc-stations-on .dsc-stations{
	--dscs-primary: var(--wp--preset--color--primary, #00786F);
	--dscs-secondary: var(--wp--preset--color--secondary, #385353);
	--dscs-border: var(--wp--preset--color--border-light, #D6E5E5);
	--dscs-base: var(--wp--preset--color--base, #FFFFFF);
	--dscs-serif: 'Instrument Serif', Georgia, serif;
	--dscs-quote: 'Amiri', 'Aref Ruqaa', serif;
	--dscs-railgap: 132px;
	--dscs-gutter: clamp(16px, 4vw, 40px);
}

/* ScrollTrigger inserts .pin-spacer as a new child of the constrained
   wrapper, so WordPress caps it at the 740px content size while the
   pinned section keeps its 1260px wide measure - in RTL the section then
   spills off the left edge. Free the spacer, re-centre the section. */
body.dsc-stations-on .pin-spacer{
	max-width: none !important;
	width: auto !important;
	margin-inline: 0 !important;
}
body.dsc-stations-on .pin-spacer > *{ margin-inline: auto !important; }

/* --- the rail ------------------------------------------------------- */
body.dsc-stations-on .dsc-stations .dsc-rail{ position: static; max-width: none; }
body.dsc-stations-on .dsc-stations .dsc-rail-item{
	border: 0 !important;
	padding-inline-start: 0 !important;
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
}
body.dsc-stations-on .dsc-stations .dsc-rail-item::before{
	content: '';
	width: 9px; height: 9px;
	border-radius: 50%;
	background: var(--dscs-base);
	border: 1px solid var(--dscs-border);
	flex: 0 0 auto;
	transition: background .3s, border-color .3s, transform .3s;
}
body.dsc-stations-on .dsc-stations .dsc-rail-year{
	margin: 0;
	font-family: var(--dscs-serif);
	font-variant-numeric: tabular-nums;
	color: var(--dscs-secondary);
	opacity: .5;
	transition: opacity .3s, color .3s;
}
body.dsc-stations-on .dsc-stations .dsc-rail-year a{ text-decoration: none; color: inherit; }
body.dsc-stations-on .dsc-stations .dsc-rail-item.dsc-rail-ar .dsc-rail-year{
	font-family: inherit;
	font-size: 13.5px !important;
}
body.dsc-stations-on .dsc-stations .dsc-rail-item:hover .dsc-rail-year{ opacity: 1; color: var(--dscs-primary); }
body.dsc-stations-on .dsc-stations .dsc-rail-item.is-active::before{
	background: var(--dscs-primary);
	border-color: var(--dscs-primary);
	transform: scale(1.3);
}
body.dsc-stations-on .dsc-stations .dsc-rail-item.is-active .dsc-rail-year{ opacity: 1; color: var(--dscs-primary); }

@media (min-width: 1100px){
	body.dsc-stations-on .dsc-stations .dsc-rail{
		position: fixed;
		inset-inline-end: 26px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 40;
		flex-direction: column;
		align-items: flex-start;
		gap: 0 !important;
		padding: 18px 0;
		width: auto;
	}
	body.dsc-stations-on .dsc-stations .dsc-rail::before{
		content: '';
		position: absolute;
		inset-block: 0;
		inset-inline-start: 4px;
		width: 1px;
		background: var(--dscs-border);
	}
	body.dsc-stations-on .dsc-stations .dsc-rail .dsc-eyebrow{
		writing-mode: vertical-rl;
		margin-inline-start: 24px;
		margin-bottom: 12px;
		opacity: .7;
	}
	body.dsc-stations-on .dsc-stations .dsc-rail-item{ padding-block: 10px; }
	body.dsc-stations-on .dsc-stations .dsc-rail-year{ font-size: 17px !important; }
	body.dsc-stations-on .dsc-stations{ padding-inline-end: var(--dscs-railgap) !important; }
}
@media (max-width: 1099px){
	body.dsc-stations-on .dsc-stations .dsc-rail{
		position: sticky;
		top: 0;
		z-index: 40;
		background: var(--dscs-base);
		border-bottom: 1px solid var(--dscs-border);
		padding: 9px var(--dscs-gutter);
		margin-inline: calc(-1 * var(--dscs-gutter));
		overflow-x: auto;
		flex-wrap: nowrap !important;
		scrollbar-width: none;
	}
	body.dsc-stations-on .dsc-stations .dsc-rail::-webkit-scrollbar{ display: none; }
	body.dsc-stations-on .dsc-stations .dsc-rail .dsc-eyebrow{ display: none; }
	body.dsc-stations-on .dsc-stations .dsc-rail-item{ gap: 7px; white-space: nowrap; }
	body.dsc-stations-on .dsc-stations .dsc-rail-year{ font-size: 15px !important; }
}

/* --- stations ------------------------------------------------------- */
@media (min-width: 1100px){
	body.dsc-stations-on .dsc-station.dsc-pin{
		min-height: 100svh;
		display: grid;
		align-content: center;
	}
	/* Ten stops, not six: a full-screen station is what makes the page feel
	   endless once the rail is long. Pinned stations still hold the viewport. */
	body.dsc-stations-on .dsc-station:not(.dsc-pin):not(.dsc-hwrap){
		min-height: 78svh;
		display: grid;
		align-content: center;
	}
}
body.dsc-stations-on #opener{ position: relative; overflow: hidden; }
body.dsc-stations-on #opener .wp-block-columns{ position: relative; z-index: 1; }
body.dsc-stations-on .dsc-watermark{
	position: absolute;
	top: -.14em;
	inset-inline-start: -.03em;
	z-index: 0;
	line-height: 1;
	letter-spacing: -.04em;
	user-select: none;
	pointer-events: none;
	margin: 0;
}

/* 1947 - the couplet replaces the paragraphs in the same frame */
body.dsc-stations-on .dsc-pin-inner.is-stacked{
	display: grid;
	grid-template-rows: auto minmax(clamp(300px, 46svh, 460px), auto);
}
body.dsc-stations-on .dsc-pin-inner.is-stacked > .dsc-st-head{ grid-row: 1; grid-column: 1; }
body.dsc-stations-on .dsc-pin-inner.is-stacked > .wp-block-columns,
body.dsc-stations-on .dsc-pin-inner.is-stacked > .dsc-verse{
	grid-row: 2;
	grid-column: 1;
	align-self: center;
	margin-block: 0;
}
body.dsc-stations-on .dsc-stations .dsc-verse{
	font-family: var(--dscs-quote);
	text-align: center;
	border-top: 1px solid var(--dscs-border);
	border-bottom: 1px solid var(--dscs-border);
	padding-block: clamp(1.5rem, 4vw, 2rem);
}
body.dsc-stations-on .dsc-stations .dsc-verse p{ font-size: clamp(1.3rem, 2.8vw, 2.1rem); line-height: 1.75; }

/* Shuwaikh - vertical scroll drives horizontal travel */
body.dsc-stations-on #s1960{ position: relative; overflow: hidden; }
body.dsc-stations-on .dsc-hstrip{ max-width: none; }
body.dsc-stations-on .dsc-hpanel{ max-width: none; }
body.dsc-stations-on .dsc-hbar{
	position: absolute;
	bottom: 10px;
	inset-inline: 0;
	height: 2px;
	background: var(--dscs-border);
	z-index: 3;
}
body.dsc-stations-on .dsc-hbar i{ display: block; height: 100%; width: 0; background: var(--dscs-primary); }

@media (min-width: 1100px){
	body.dsc-stations-on .dsc-hstrip{
		display: flex !important;
		flex-wrap: nowrap;
		width: max-content;
		gap: 0 !important;
		will-change: transform;
	}
	body.dsc-stations-on .dsc-hpanel{
		flex: 0 0 auto;
		width: var(--dscs-pw, 1100px);
		min-height: 62svh;
		display: grid;
		align-content: center;
		padding-inline: 0 clamp(1.5rem, 3vw, 2.5rem);
		margin: 0 !important;
	}
}
@media (max-width: 1099px){
	body.dsc-stations-on .dsc-hstrip{
		display: flex !important;
		flex-wrap: nowrap;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		gap: 0 !important;
		margin-inline: calc(-1 * var(--dscs-gutter));
		padding-inline: var(--dscs-gutter);
	}
	body.dsc-stations-on .dsc-hstrip::-webkit-scrollbar{ display: none; }
	body.dsc-stations-on .dsc-hpanel{
		flex: 0 0 86vw;
		width: 86vw;
		scroll-snap-align: center;
		padding-inline: 0 clamp(1rem, 4vw, 1.5rem);
		margin: 0 !important;
	}
	body.dsc-stations-on .dsc-hbar{ position: static; margin-block-start: 1.5rem; }
}

body.dsc-stations-on #s1966 .dsc-st-year{
	font-size: clamp(5rem, 14vw, 10rem);
	line-height: .82;
	display: block;
}

@media (prefers-reduced-motion: reduce){
	body.dsc-stations-on .dsc-station:not(.dsc-hwrap){ min-height: 0; }
}


/* --- station "the house": text-led, no pin -------------------------- */
body.dsc-stations-on .dsc-measure{ max-width: 62ch; }
body.dsc-stations-on .dsc-st-sub{ margin: 0; letter-spacing: .04em; }

/* The couplet keeps its introduction inside its own beat, so the two
   travel together through the swap instead of the setup vanishing at
   the moment the couplet arrives. */
body.dsc-stations-on .dsc-verse-lead{
	font-family: var(--wp--preset--font-family--primary, inherit);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: .04em;
	line-height: 1.7;
	margin: 0 0 .8rem;
}

/* His own words - deliberately NOT the dark slab, which belongs to his
   son's testimony. Two identical slabs and neither reads as singular.
   This is a cited document, not a stage. */
body.dsc-stations-on .dsc-hisword{
	max-width: 60ch;
	border-inline-start: 2px solid var(--dscs-primary);
	padding-inline-start: clamp(1.25rem, 3.5vw, 1.9rem);
}
body.dsc-stations-on .dsc-hisword-tag{
	margin: 0 0 .7rem;
	letter-spacing: .08em;
	font-weight: 500;
}
body.dsc-stations-on .dsc-hisword-q{
	border: 0;
	padding: 0;
	margin: 0;
}
body.dsc-stations-on .dsc-hisword-q p{
	margin: 0;
	font-family: 'Amiri', var(--dsc-arabic);
	font-size: clamp(1.1rem, 2vw, 1.45rem);
	line-height: 1.85;
	font-style: normal;
}
body.dsc-stations-on .dsc-hisword-q cite{
	display: block;
	margin-top: clamp(1.25rem, 3.5vw, 1.9rem);
	font-family: var(--wp--preset--font-family--primary, inherit);
	font-style: normal;
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--dscs-secondary);
}
@media (max-width: 1099px){
	body.dsc-stations-on .dsc-hisword{ padding-inline-start: 1rem; }
}


/* =====================================================================
   THIRD ATTRIBUTION REGISTER  (v1.4.0)
   The page already separates his voice (.dsc-hisword: green rule, Amiri)
   from his son's (the dark slab). Material from a researcher studying him
   is a third weight: a voice is quoted, scholarship is argued. Grey dashed
   rule, body face, its own label - the difference is seen, not stated.
   ===================================================================== */
body.dsc-stations-on .dsc-scholar{
	max-width: 62ch;
	border-inline-start: 1px dashed var(--wp--preset--color--border-dark);
	padding-inline-start: clamp(1.2rem, 3.4vw, 1.8rem);
	color: var(--dscs-secondary);
}
body.dsc-stations-on .dsc-scholar-lbl{
	margin: 0 0 .6rem;
	letter-spacing: .08em;
	font-weight: 500;
}
body.dsc-stations-on .dsc-scholar-who{ display: block; }

/* --- station "two commandments" ------------------------------------- */
body.dsc-stations-on .dsc-pledges{ max-width: 66ch; }
body.dsc-stations-on .dsc-pledge{
	border-top: 1px solid var(--dscs-border);
	padding-top: clamp(1.2rem, 3.4vw, 1.8rem);
	align-items: flex-start !important;
}
body.dsc-stations-on .dsc-pledge-n{
	margin: 0;
	font-family: var(--dsc-arabic);
	font-variant-numeric: tabular-nums;
	line-height: .9;
}
body.dsc-stations-on .dsc-said{
	margin: 0 0 .6rem;
	font-family: 'Amiri', var(--dsc-arabic);
	font-size: clamp(1.05rem, 1.9vw, 1.35rem);
	line-height: 1.8;
}
body.dsc-stations-on .dsc-payoff{
	max-width: 62ch;
	line-height: 1.8;
}

/* --- station "two windows" ------------------------------------------ */
body.dsc-stations-on .dsc-door{
	border-bottom: 1px dotted var(--wp--preset--color--border-dark);
	padding-bottom: .35rem;
	align-items: baseline !important;
}
body.dsc-stations-on .dsc-door-a{
	margin: 0;
	font-family: 'Amiri', var(--dsc-arabic);
	font-size: clamp(1.05rem, 1.9vw, 1.3rem);
	line-height: 1.6;
	flex: 1 1 auto;
}
body.dsc-stations-on .dsc-door-b{ margin: 0; white-space: nowrap; }
body.dsc-stations-on .dsc-land{
	margin: 0;
	border: 1px solid var(--dscs-border);
	padding: 5px 13px;
}
body.dsc-stations-on .dsc-closeline{
	max-width: 30ch;
	margin: 0;
	padding-top: clamp(1.2rem, 3.4vw, 1.8rem);
	border-top: 1px solid var(--wp--preset--color--border-dark);
	font-family: var(--dsc-arabic);
	line-height: 1.5;
}

/* --- station "in his father's steps" --------------------------------
   Three beats in the same shape. The repetition is the argument, so the
   shape must not vary; only the frame and the date do. */
body.dsc-stations-on .dsc-beats{ max-width: 68ch; }
body.dsc-stations-on .dsc-beat{
	border-top: 1px solid var(--dscs-border);
	padding-block: clamp(1.2rem, 3.4vw, 1.8rem);
}
body.dsc-stations-on .dsc-beat-who{ margin: 0 0 .6rem; letter-spacing: .05em; }
body.dsc-stations-on .dsc-beat-coda{ opacity: .72; }
body.dsc-stations-on .dsc-bridge{
	margin: 0;
	padding-block: .55rem;
}
body.dsc-stations-on .dsc-bridge::before{
	content: "\2193";
	color: var(--dscs-primary);
	margin-inline-end: 10px;
}
body.dsc-stations-on .dsc-fig{
	margin: 0;
	background: var(--wp--preset--color--tertiary);
	border: 1px solid var(--dscs-border);
	padding: 5px 12px;
}
body.dsc-stations-on .dsc-fig strong{
	font-family: var(--dsc-arabic);
	font-variant-numeric: tabular-nums;
	color: var(--dscs-primary);
	font-weight: 400;
	font-size: 1.15em;
}
body.dsc-stations-on .dsc-thirds{ max-width: 46ch; }
body.dsc-stations-on .dsc-third{ align-items: baseline !important; }
body.dsc-stations-on .dsc-third-i{
	margin: 0;
	font-family: var(--dsc-arabic);
	color: var(--dscs-primary);
	min-width: 1.4rem;
}
body.dsc-stations-on .dsc-third p{ margin: 0; }

@media (max-width: 1099px){
	body.dsc-stations-on .dsc-scholar{ padding-inline-start: 1rem; }
}


/* ==================================================================
 * Stations - LTR (English / French)
 * ------------------------------------------------------------------
 * Four roles above are set in the Arabic display face because the page
 * they were written for is Arabic. On an LTR document the same roles
 * carry Latin glyphs, and Aref Ruqaa has no Latin design - the text
 * falls back silently to Amiri. These four take the Latin display face
 * instead, the one .dsc-stat-num and .dsc-rail-year already use.
 *
 * Quoted matter (.dsc-said, .dsc-door-a, .dsc-hisword-q p) is left in
 * Amiri on purpose: its Latin is a proper text serif and it keeps the
 * quotes in a voice of their own.
 *
 * Direction is the gate, so the RTL page is untouched.
 * ================================================================== */
html:not([dir="rtl"]) body.dsc-stations-on .dsc-pledge-n,
html:not([dir="rtl"]) body.dsc-stations-on .dsc-closeline,
html:not([dir="rtl"]) body.dsc-stations-on .dsc-fig strong,
html:not([dir="rtl"]) body.dsc-stations-on .dsc-third-i{
	font-family: var(--dscs-serif);
}