.uark-page.fluid-container { overflow-x: clip; }

	/* dr-subnav offset = UREL injected nav height (measured, not owned). If 
	the injected nav height changes, re-measure and update the top 120px and 
	top:0 on narrow widths because their mobile nav collapses shorter. */
	.dr-subnav {
		position: sticky;
		z-index: 200;
		background: #9d2235;
		color: #fff;
		top: 122px;	
	}
	.dr-subnav__inner {
		max-width: 1200px;
		margin-inline: auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		padding: 0.75rem;
	}
	.dr-subnav__title {
		padding-left: 30px;
		font-family: "Roboto Serif", serif;
		font-weight: 600;
		font-size: 1.5rem;
	}
	.dr-subnav__home {
		display: inline-flex;
		align-items: center;
		gap: 0.4rem;
		padding: 6px 16px;
		border: 2px solid #fff;
		border-radius: 4px;          /* drop this line if you want hard corners */
		font-family: "Lato", sans-serif;
		font-size: 0.9rem;
		color: #fff;
		text-decoration: none;
		white-space: nowrap;
		transition: background-color .2s ease, color .2s ease;
	}
	.dr-subnav__home:hover, .dr-subnav__home:focus-visible {
		background: #fff;
		color: #9d2235;   /* text + icon flip crimson; SVG uses currentColor */
	}
	.dr-subnav__home svg { width: 1.05rem; height: 1.05rem; flex: none; }
	@media (max-width: 768px) {
		.dr-subnav { top: 0 !important;} 		
	  	.dr-subnav__home-label { display: none; } /* icon-only on narrow screens */
		.dr-subnav__title  { padding-left: 0; }
	}

	.dr-article {
		--dr-red:     #9d2235;
		--dr-red-dk:  #6e1826;
		--dr-ink:     #222222;
		--dr-muted:   #555555;
		--dr-serif:   'Roboto Serif', Georgia, serif;
		--dr-sans:    'Lato', Arial, sans-serif;
		max-width: 1080px;
		margin: 0 auto;
		padding: 0 1rem;
		box-sizing: border-box;
	}

	/* ── HEADER: section header + title + sub details ─────────────────────────── */
	.dr-article__head { margin-bottom: 0.5rem; }

	/* Section header (eyebrow / kicker) */
	.dr-article__kicker {
		display: inline-block;
		margin: 0 0 0.6rem;
		padding-bottom: 0.35rem;
		border-bottom: 3px solid var(--dr-red);
		font-family: var(--dr-sans);
		font-size: 0.8rem;
		font-weight: 800;
		letter-spacing: 0.14em;
		text-transform: uppercase;
		color: var(--dr-red);
	}

	/* Article title */
	.dr-article__title {
		margin: 0.3rem 0 0.6rem;
		font-family: var(--dr-serif);
		font-size: clamp(1.9rem, 4vw, 2.8rem);
		font-weight: 700;
		line-height: 1.15;
		color: var(--dr-ink);
	}

	/* Sub article details (deck) */
	.dr-article__deck {
		margin: 0;
		font-family: var(--dr-serif);
		font-style: italic;
		font-size: clamp(1.05rem, 2vw, 1.3rem);
		line-height: 1.4;
		color: var(--dr-muted);
	}

	/* Optional second detail line (byline / date / etc.) */
	.dr-article__meta {
		margin: 0.5rem 0 0;
		font-family: var(--dr-sans);
		font-size: 0.85rem;
		letter-spacing: 0.03em;
		color: var(--dr-muted);
	}

	/* ── BODY: photograph + article copy ──────────────────────────────────────── */
	.dr-article__body { margin-top: 1.6rem; }
	.dr-article__figure { margin: 0; }
	.dr-article__figure img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center 20%;   /* keep tops of heads; trim from bottom */
		border-bottom: 4px solid var(--dr-red);   /* card-style red accent */
	}

	.dr-article__figcaption {
		margin-top: 0.5rem;
		font-family: var(--dr-sans);
		font-size: 0.8rem;
		line-height: 1.4;
		color: var(--dr-muted);
	}

	/* 5. Article copy */
	.dr-article__copy {
		font-family: var(--dr-sans);
		font-size: 1.05rem;
		line-height: 1.7;
		color: var(--dr-ink);
	}
	.dr-article__copy p { margin: 0 0 1.1rem; }
	.dr-article__copy p:last-child { margin-bottom: 0; }
	.dr-article__copy a { color: var(--dr-red); }
	.dr-article__copy h2, .dr-article__copy h3 {
		margin: 1.8rem 0 0.6rem;
		font-family: var(--dr-serif);
		line-height: 1.25;
		color: var(--dr-red-dk);
	}

	/* ── LAYOUT A: LANDSCAPE (photo full-width, copy below) ───────────────────── */
	.dr-article--landscape .dr-article__figure img { aspect-ratio: 3 / 2; }
	.dr-article--landscape .dr-article__copy { margin-top: 1.6rem; }

	/* ── LAYOUT B: PORTRAIT (photo beside copy on desktop) ────────────────────── */
	.dr-article--portrait .dr-article__body {
		display: flex;
		flex-wrap: wrap;
		gap: 2rem;
		align-items: flex-start;
	}
	.dr-article--portrait .dr-article__figure { flex: 0 0 340px; max-width: 340px; }
	.dr-article--portrait .dr-article__figure img {	aspect-ratio: 4 / 5; }
	.dr-article--portrait .dr-article__copy { flex: 1 1 320px; }

	/* ── MOBILE ───────────────────────────────────────────────────────────────── */
	@media (max-width: 768px) {
		.dr-article__title { font-size: 1.8rem; }

		/* Portrait: stop the two-column, center a sensibly-sized photo, copy below */
		.dr-article--portrait .dr-article__body { display: block; }
		.dr-article--portrait .dr-article__figure { flex: none; max-width: 300px; margin: 0 auto 1.4rem; }

		/* Landscape: a touch taller on phones so it isn't a thin letterbox */
		.dr-article--landscape .dr-article__figure img { aspect-ratio: 4 / 3; }
	}

	/* Article Photo fix */
	.right-align-pic { object-position: right center !important; }
	.right-nudge-pic { object-position: 80% center !important; }

	/* Lateral Article Nav Rails ──────────────────────────────────────────────── */
	.dr-rail {
		position: fixed;
		top: 168px;
		bottom: 0;
		height: auto;
		width: 2.75rem;
		z-index: 80;                       /* above content, below sticky sub-nav (90) */
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		background: transparent;
		transition: background .25s ease;
	}
	.dr-rail--prev { left: 0; }
	.dr-rail--next { right: 0; }
	.dr-rail:hover, .dr-rail:focus-visible { background: rgba(0,0,0,.18); }  /* Walton crimson */
	.dr-rail:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }

	/* vertical label — transparent at rest, reveals on hover/focus */
	.dr-rail__label {
		font-family: 'Lato', Arial, sans-serif;
		font-size: 1rem;
		font-weight: 900;
		letter-spacing: .18em;
		text-transform: uppercase;
		white-space: nowrap;
		writing-mode: vertical-rl;
		color: rgba(255, 255, 255, 0);
		transition: color .25s ease;
		user-select: none;
		pointer-events: none;
	}
	.dr-rail--prev .dr-rail__label { transform: rotate(180deg); }  /* reads top→bottom */
	.dr-rail--next .dr-rail__label { transform: rotate(0deg);   }  /* reads bottom→top */
	.dr-rail:hover .dr-rail__label, .dr-rail:focus-visible .dr-rail__label { color: rgba(255, 255, 255, 1); }

	/* subtle inner edge line so the rail is sensed at rest */
	.dr-rail::after {
		content: "";
		position: absolute;
		top: 18%;
		bottom: 18%;
		width: 2px;
		background: rgba(0,0,0,.18);
		transition: background .25s ease;
	}
	.dr-rail--prev::after { right: 0; }
	.dr-rail--next::after { left: 0; }
	.dr-rail:hover::after, .dr-rail:focus-visible::after { background: rgba(0,0,0,.18); }

	/* hover-reveal doesn't work on touch — hide on small screens */
	@media (max-width: 48rem) { .dr-rail { display: none; } }