.rd-page {
	background: var(--ink-deep);
	color: var(--sand);
	font-family: 'Inter', -apple-system, sans-serif;
	font-weight: 400;
	line-height: 1.55;
	font-size: 17px;
	position: relative;
	overflow: hidden;
}

.rd-page * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.rd-page::before {
	content: '';
	position: absolute;
	background-image: ;
	opacity: .18;
	pointer-events: none;
	z-index: 1;
}

.rd-page h1,.rd-page h2,.rd-page h3,.rd-page h4 {
	font-family: 'Raleway', Georgia, serif;
	font-weight: 400;
	line-height: 1.04;
	letter-spacing: -.02em;
	color: var(--bone);
}

.rd-page .mono {
	font-family: 'Inter', monospace;
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	font-weight: 500;
}

.rd-page .italic {
	font-style: italic;
}

.rd-page a {
	color: inherit;
}

.rd-page .rd-hero {
	position: relative;
	padding: 120px 40px 100px;
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 60px;
	align-items: center;
	overflow: hidden;
}

.rd-page .mesh {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	filter: blur(60px) saturate(140%);
	opacity: .85;
}

.rd-page .mesh-blob {
	position: absolute;
	border-radius: 50%;
	animation: rdfloat 22s ease-in-out infinite;
}

.rd-page .mesh-blob.a {
	background: var(--magenta);
	width: 520px;
	height: 520px;
	top: -100px;
	left: -120px;
	opacity: .55;
}

.rd-page .mesh-blob.b {
	background: var(--teal);
	width: 620px;
	height: 620px;
	top: 10%;
	right: -180px;
	opacity: .45;
	animation-delay: -6s;
}

.rd-page .mesh-blob.c {
	background: var(--terracotta);
	width: 420px;
	height: 420px;
	bottom: -80px;
	left: 30%;
	opacity: .4;
	animation-delay: -12s;
}

.rd-page .mesh-blob.d {
	background: var(--violet-navy);
	width: 720px;
	height: 720px;
	top: 20%;
	left: 20%;
	opacity: .5;
	animation-delay: -18s;
}

@keyframes rdfloat {
	0%,100% {
		transform: translate(0,0) scale(1);
	}
	
	33% {
		transform: translate(60px,-40px) scale(1.1);
	}
	
	66% {
		transform: translate(-40px,50px) scale(0.95);
	}
}

.rd-page .hero-text {
	position: relative;
	z-index: 2;
}

.rd-page .eyebrow-row {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 32px;
}

.rd-page .dot-mag {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--magenta);
	box-shadow: 0 0 14px var(--magenta);
	animation: rdpulse 2.4s ease-in-out infinite;
}

@keyframes rdpulse {
	0%,100% {
		opacity: 1;
		transform: scale(1);
	}
	
	50% {
		opacity: .5;
		transform: scale(1.2);
	}
}

.rd-page .eyebrow-row .mono {
	color: var(--magenta);
}

.rd-page .rd-hero h1 {
	font-size: clamp(40px,5.2vw,78px);
	line-height: 1.04;
	color: var(--bone);
	margin-bottom: 28px;
	letter-spacing: -.025em;
	max-width: 18ch;
}

.rd-page .rd-hero h1 em {
	font-style: italic;
	font-weight: 600;
	background: linear-gradient(135deg,var(--magenta) 0%,var(--terracotta) 60%,var(--sand-warm) 100%);
	-webkit-background-clip: text;
	background-clip: text;
}

.rd-page .rd-hero h1 .u {
	text-decoration-line: underline;
	text-decoration-color: var(--teal);
	text-underline-offset: 8px;
}

.rd-page .hero-sub {
	font-size: 20px;
	line-height: 1.55;
	color: var(--lavender);
	max-width: 560px;
	margin-bottom: 44px;
}

.rd-page .hero-sub strong {
	color: var(--bone);
	font-weight: 500;
}

.rd-page .hero-ctas {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
	align-items: center;
}

.rd-page .btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 32px;
	border-radius: 999px;
	background: linear-gradient(135deg,var(--magenta) 0%,var(--terracotta) 100%) !important;
	color: var(--bone) !important;
	text-decoration: none !important;
	font-weight: 600;
	font-size: 15px;
	box-shadow: 0 12px 40px rgba(233,69,146,0.4), inset 0 1px 0 rgba(255,255,255,0.15);
	transition: transform 0.2s, box-shadow .2s;
}

.rd-page .btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 52px rgba(233,69,146,0.55), inset 0 1px 0 rgba(255,255,255,0.25);
}

.rd-page .btn-ghost {
	padding: 16px 28px;
	border-radius: 999px;
	border: 1px solid rgba(244,235,221,0.3);
	background: rgba(244,235,221,0.04);
	color: var(--bone) !important;
	text-decoration: none !important;
	font-weight: 500;
	font-size: 15px;
	transition: background 0.2s, border-color .2s;
}

.rd-page .btn-ghost:hover {
	background: rgba(244,235,221,0.1);
	border-color: rgba(244,235,221,0.5);
}

.rd-page .cred-card {
	position: relative;
	z-index: 2;
	justify-self: end;
	width: 100%;
	max-width: 420px;
	padding: 32px;
	border-radius: 28px;
	background: linear-gradient(145deg,rgba(43,30,68,0.7) 0%,rgba(15,8,32,0.8) 100%);
	border: 1px solid rgba(244,235,221,0.12);
	box-shadow: 0 30px 80px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.08);
	transform: rotate(1.5deg);
}

.rd-page .cred-card .cred-label {
	color: var(--magenta);
	margin-bottom: 14px;
}

.rd-page .cred-card h3 {
	font-size: 24px;
	color: var(--bone);
	line-height: 1.15;
	margin-bottom: 14px;
	font-weight: 500;
	font-style: italic;
}

.rd-page .cred-card p {
	font-size: 14px;
	color: var(--lavender);
	opacity: .85;
	line-height: 1.55;
}

.rd-page .cred-card .stack {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 22px;
	padding-top: 22px;
	border-top: 1px solid rgba(244,235,221,0.12);
}

.rd-page .cred-card .stack-row {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	gap: 12px;
}

.rd-page .cred-card .stack-row .k {
	color: var(--lavender);
	opacity: .6;
}

.rd-page .cred-card .stack-row .v {
	color: var(--bone);
	font-weight: 500;
	text-align: right;
}

.rd-page .marquee {
	position: relative;
	z-index: 2;
	border-top: 1px solid rgba(244,235,221,0.1);
	border-bottom: 1px solid rgba(244,235,221,0.1);
	padding: 22px 0;
	background: linear-gradient(90deg,rgba(233,69,146,0.08) 0%,rgba(63,184,212,0.08) 50%,rgba(233,69,146,0.08) 100%);
	overflow: hidden;
	white-space: nowrap;
}

.rd-page .marquee-track {
	display: inline-flex;
	align-items: center;
	gap: 40px;
	animation: rdscroll 40s linear infinite;
	padding-right: 40px;
}

@keyframes rdscroll {
	to {
		transform: translateX(-50%);
	}
}

.rd-page .marquee-item {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--bone);
	opacity: .85;
}

.rd-page .marquee-sep {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: var(--magenta);
	transform: rotate(45deg);
	flex-shrink: 0;
}

.rd-page .marquee-sep.teal {
	background: var(--teal);
}

.rd-page .marquee-sep.terra {
	background: var(--terracotta);
}

.rd-page .marquee-sep.moss {
	background: var(--moss);
}

@media(max-width:900px) {
	.rd-page .rd-hero {
		grid-template-columns: 1fr;
		padding: 80px 24px 60px;
	}
	
	.rd-page .cred-card {
		justify-self: start;
		max-width: 100%;
		transform: none;
	}
}

/* Dark plum body bg on the home page only */
body.page-id-73,body.home {
	background: #0F0820 !important;
}

body.page-id-73 .wp-site-blocks,body.home .wp-site-blocks {
	background: transparent !important;
}

body.page-id-73 main,body.home main {
	background: transparent !important;
}

body.page-id-73 article,body.home article {
	background: transparent !important;
}

/* Make .rd-page break out of any constrained parent */
.rd-page {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: 100vw;
	max-width: 100vw;
}

/* Force light text on dark — theme defaults are winning, override hard */
.rd-page,.rd-page p,.rd-page span,.rd-page div {
	color: #F4EBDD !important;
}

.rd-page h1,.rd-page h2,.rd-page h3,.rd-page h4,.rd-page h5 {
	color: #FFF8EC !important;
}

.rd-page .hero-sub {
	color: #E8E3F0 !important;
}

.rd-page .hero-sub strong {
	color: #FFF8EC !important;
}

.rd-page .mono {
	color: inherit;
}

.rd-page .eyebrow-row .mono {
	color: #E94592 !important;
}

.rd-page .cred-card .cred-label {
	color: #E94592 !important;
}

.rd-page .cred-card .stack-row .k {
	color: #E8E3F0 !important;
	opacity: .6;
}

.rd-page .cred-card .stack-row .v {
	color: #FFF8EC !important;
}

.rd-page .rd-hero h1 em {
	background: linear-gradient(135deg,#E94592 0%,#E8785F 60%,#FCEFD4 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
}

.rd-page .marquee-item {
	color: #FFF8EC !important;
}

/* Dark plum header bar on homepage only — kill the tan line */
body.page-id-73 .wp-block-template-part:first-of-type,body.home .wp-block-template-part:first-of-type {
	background: #0F0820 !important;
}

body.page-id-73 header.wp-block-template-part,body.home header.wp-block-template-part {
	background: #0F0820 !important;
}

body.page-id-73 header .wp-block-group,body.home header .wp-block-group {
	background: #0F0820 !important;
}

body.page-id-73 header a,body.home header a {
	color: #F4EBDD !important;
}

body.page-id-73 header .wp-block-site-title a,body.home header .wp-block-site-title a {
	color: #FFF8EC !important;
}

/* ============ FLIP CARD ============ */
.rd-page .cred-card {
	position: relative;
	z-index: 2;
	justify-self: end;
	width: 100%;
	max-width: 420px;
	min-height: 520px;
	perspective: 1400px;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	transform: rotate(1.5deg);
	cursor: pointer;
	outline: none;
}

.rd-page .cred-card:focus {
	outline: 2px solid #E94592;
	outline-offset: 8px;
	border-radius: 32px;
}

.rd-page .cred-flip-hint {
	position: absolute;
	top: -32px;
	right: 8px;
	font-family: 'Inter', monospace;
	font-size: 10px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: rgba(244,235,221,0.55) !important;
	z-index: 5;
	pointer-events: none;
}

.rd-page .cred-card-inner {
	position: relative;
	width: 100%;
	min-height: 520px;
	transition: transform .9s cubic-bezier(.45,.05,.15,1);
	transform-style: preserve-3d;
}

.rd-page .cred-card:hover .cred-card-inner,.rd-page .cred-card.is-flipped .cred-card-inner,.rd-page .cred-card:focus .cred-card-inner {
	transform: rotateY(180deg);
}

.rd-page .cred-front,.rd-page .cred-back {
	position: absolute;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	padding: 32px;
	border-radius: 28px;
	background: linear-gradient(145deg,rgba(43,30,68,0.7) 0%,rgba(15,8,32,0.85) 100%);
	border: 1px solid rgba(244,235,221,0.12);
	box-shadow: 0 30px 80px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.08);
	overflow: hidden;
}

.rd-page .cred-front::before,.rd-page .cred-back::before {
	content: '';
	position: absolute;
	border-radius: 28px;
	padding: 1px;
	background: linear-gradient(135deg,#E94592,#3FB8D4,#E8785F);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: .55;
	pointer-events: none;
}

.rd-page .cred-back {
	transform: rotateY(180deg);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 0;
}

.rd-page .cred-photo-wrap {
	position: absolute;
	border-radius: 28px;
	overflow: hidden;
}

.rd-page .cred-photo-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rd-page .cred-photo-placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg,#A53D7C 0%,#2E6F86 50%,#C55A4F 100%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #FFF8EC !important;
	text-align: center;
	padding: 32px;
	gap: 8px;
	font-style: italic;
}

.rd-page .cred-photo-placeholder span {
	font-family: 'Raleway', serif;
	font-size: 18px;
	font-weight: 500;
}

.rd-page .cred-photo-placeholder small {
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	font-style: normal;
	opacity: .85;
	max-width: 280px;
	line-height: 1.5;
}

.rd-page .cred-back-caption {
	position: relative;
	z-index: 2;
	padding: 24px 32px 32px;
	background: linear-gradient(180deg,rgba(15,8,32,0) 0%,rgba(15,8,32,0.85) 60%,rgba(15,8,32,0.95) 100%);
	border-radius: 0 0 28px 28px;
}

.rd-page .cred-back-caption .mono {
	color: #E94592 !important;
	margin-bottom: 8px;
}

.rd-page .cred-back-caption h3 {
	color: #FFF8EC !important;
	font-style: italic;
	margin-bottom: 6px;
	font-size: 24px;
}

.rd-page .cred-back-caption p {
	color: rgba(244,235,221,0.85) !important;
	font-size: 14px;
}

.rd-page .stack-row .v a {
	color: #3FB8D4 !important;
	text-decoration: none;
	font-weight: 500;
	border-bottom: 1px solid rgba(63,184,212,0.3);
	transition: border-color 0.2s, color .2s;
}

.rd-page .stack-row .v a:hover {
	color: #E94592 !important;
	border-bottom-color: #E94592;
}

@media(max-width:900px) {
	.rd-page .cred-card {
		max-width: 100%;
		transform: none;
		justify-self: start;
		min-height: 480px;
	}
	
	.rd-page .cred-card-inner {
		min-height: 480px;
	}
	
	.rd-page .cred-flip-hint {
		position: static;
		display: block;
		margin-bottom: 12px;
		text-align: right;
	}
}

/* Tighten flip hint */
.rd-page .cred-flip-hint {
	font-size: 9px;
	letter-spacing: .14em;
	right: 4px;
	top: -26px;
	white-space: nowrap;
}

@media(max-width:900px) {
	.rd-page .cred-flip-hint {
		position: static;
		text-align: right;
		margin-bottom: 8px;
	}
}

/* ============ LIVE & RECENT (YouTube) ============ */
.rd-page .rd-live {
	position: relative;
	z-index: 2;
	padding: 120px 40px;
	background: radial-gradient(ellipse at top,rgba(63,184,212,0.12) 0%,transparent 60%);
}

.rd-page .rd-live-inner {
	max-width: 1100px;
	margin: 0 auto;
}

.rd-page .rd-live-header {
	margin-bottom: 48px;
	max-width: 780px;
}

.rd-page .live-eyebrow {
	color: #3FB8D4 !important;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}

.rd-page .live-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #E94592;
	box-shadow: 0 0 14px #E94592;
	animation: rdpulse 2.4s ease-in-out infinite;
}

.rd-page .rd-live h2 {
	font-size: clamp(36px,4.5vw,56px);
	font-weight: 400;
	line-height: 1.06;
	letter-spacing: -.02em;
	color: #FFF8EC !important;
	margin-bottom: 20px;
}

.rd-page .rd-live-sub {
	font-size: 18px;
	line-height: 1.6;
	color: #E8E3F0 !important;
	max-width: 680px;
}

.rd-page .rd-live-frame {
	position: relative;
	width: 100%;
	aspect-ratio: 16/9;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 30px 100px rgba(0,0,0,0.6), 0 0 0 1px rgba(244,235,221,0.1);
	background: #0F0820;
}

.rd-page .rd-live-frame::before {
	content: '';
	position: absolute;
	border-radius: 24px;
	padding: 2px;
	background: linear-gradient(135deg,#E94592,#3FB8D4,#67B87A);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: .5;
	pointer-events: none;
	z-index: 1;
}

.rd-page .rd-live-frame iframe {
	width: 100%;
	height: 100%;
	border: 0;
	position: relative;
	z-index: 0;
}

.rd-page .rd-live-cta {
	margin-top: 24px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #3FB8D4 !important;
}

.rd-page .rd-live-cta a {
	color: #3FB8D4 !important;
	text-decoration: none;
	border-bottom: 1px solid rgba(63,184,212,0.4);
	padding-bottom: 2px;
	transition: color 0.2s, border-color .2s;
}

.rd-page .rd-live-cta a:hover {
	color: #E94592 !important;
	border-bottom-color: #E94592;
}

/* ============ FEEDS OPENER ============ */
.rd-page .rd-feeds {
	position: relative;
	z-index: 2;
	padding: 120px 40px 40px;
}

.rd-page .rd-feeds-inner {
	max-width: 1100px;
	margin: 0 auto;
}

.rd-page .feeds-eyebrow {
	color: #67B87A !important;
	margin-bottom: 20px;
}

.rd-page .rd-feeds h2 {
	font-size: clamp(36px,4.5vw,56px);
	font-weight: 400;
	line-height: 1.06;
	letter-spacing: -.02em;
	color: #FFF8EC !important;
	margin-bottom: 20px;
}

.rd-page .rd-feeds h2 em {
	font-style: italic;
	color: #67B87A !important;
}

.rd-page .rd-feeds-sub {
	font-size: 18px;
	line-height: 1.6;
	color: #E8E3F0 !important;
	max-width: 680px;
}

/* ============ RSS BLOCKS (auto-pulled feeds) ============ */
body.page-id-73 .wp-block-rss,body.home .wp-block-rss {
	background: #0F0820;
	padding: 0 40px 60px;
	max-width: 1100px;
	margin: 0 auto;
	list-style: none;
}

body.page-id-73 .wp-block-rss.rd-substack-feed::before,body.home .wp-block-rss.rd-substack-feed::before {
	content: 'Substack';
	display: block;
	font-family: 'Inter', monospace;
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #E94592;
	margin-bottom: 14px;
	padding-top: 20px;
}

body.page-id-73 .wp-block-rss.rd-bridgemakers-feed::before,body.home .wp-block-rss.rd-bridgemakers-feed::before {
	content: 'BridgeMakers blog';
	display: block;
	font-family: 'Inter', monospace;
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #3FB8D4;
	margin-bottom: 14px;
	padding-top: 48px;
}

body.page-id-73 .wp-block-rss.is-grid,body.home .wp-block-rss.is-grid {
	display: grid !important;
	grid-template-columns: repeat(3,1fr) !important;
	gap: 20px !important;
}

body.page-id-73 .wp-block-rss .wp-block-rss__item,body.home .wp-block-rss .wp-block-rss__item {
	padding: 24px;
	border-radius: 16px;
	background: linear-gradient(155deg,rgba(43,30,68,0.7),rgba(15,8,32,0.85));
	border: 1px solid rgba(244,235,221,0.1);
	transition: transform 0.3s, border-color .3s;
	list-style: none;
	margin: 0 !important;
}

body.page-id-73 .wp-block-rss .wp-block-rss__item:hover,body.home .wp-block-rss .wp-block-rss__item:hover {
	transform: translateY(-3px);
	border-color: rgba(233,69,146,0.4);
}

body.page-id-73 .wp-block-rss .wp-block-rss__item-title a,body.home .wp-block-rss .wp-block-rss__item-title a {
	font-family: 'Raleway', Georgia, serif !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	color: #FFF8EC !important;
	text-decoration: none !important;
	display: block !important;
	margin-bottom: 10px !important;
}

body.page-id-73 .wp-block-rss .wp-block-rss__item-title a:hover,body.home .wp-block-rss .wp-block-rss__item-title a:hover {
	color: #E94592 !important;
}

body.page-id-73 .wp-block-rss .wp-block-rss__item-publish-date,body.home .wp-block-rss .wp-block-rss__item-publish-date {
	font-family: 'Inter', monospace !important;
	font-size: 11px !important;
	color: #E8E3F0 !important;
	opacity: .6;
	letter-spacing: .1em;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
}

body.page-id-73 .wp-block-rss .wp-block-rss__item-author,body.home .wp-block-rss .wp-block-rss__item-author {
	font-family: 'Inter', monospace !important;
	font-size: 11px !important;
	color: #67B87A !important;
	letter-spacing: .1em;
	text-transform: uppercase;
}

body.page-id-73 .wp-block-rss .wp-block-rss__item-excerpt,body.home .wp-block-rss .wp-block-rss__item-excerpt {
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: #E8E3F0 !important;
	opacity: .85;
	margin-top: 10px !important;
}

@media(max-width:880px) {
	body.page-id-73 .wp-block-rss.is-grid,body.home .wp-block-rss.is-grid {
		grid-template-columns: 1fr !important;
	}
}

/* ============ FINAL CTA ============ */
.rd-page .rd-final-cta {
	position: relative;
	z-index: 2;
	padding: 120px 40px;
	background: radial-gradient(ellipse at center,rgba(165,61,124,0.18) 0%,transparent 70%);
	text-align: center;
}

.rd-page .rd-final-inner {
	max-width: 780px;
	margin: 0 auto;
}

.rd-page .rd-final-cta h2 {
	font-size: clamp(40px,5vw,68px);
	font-weight: 400;
	line-height: 1.06;
	letter-spacing: -.02em;
	color: #FFF8EC !important;
	margin-bottom: 24px;
}

.rd-page .rd-final-cta h2 em {
	font-style: italic;
	background: linear-gradient(135deg,#E94592 0%,#E8785F 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
}

.rd-page .rd-final-cta p {
	font-size: 19px;
	line-height: 1.6;
	color: #E8E3F0 !important;
	margin-bottom: 36px;
}

.rd-page .btn-primary-lg {
	padding: 20px 36px;
	font-size: 17px;
}

.rd-page .rd-final-micro {
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-style: italic;
	color: rgba(244,235,221,0.6) !important;
	margin-top: 24px;
	margin-bottom: 0;
}

/* YouTube RSS grid — 3 cards with play icon styling */
body.page-id-73 .wp-block-rss.rd-youtube-feed,body.home .wp-block-rss.rd-youtube-feed {
	padding: 0 40px 40px;
	max-width: 1100px;
	margin: 0 auto;
}

body.page-id-73 .wp-block-rss.rd-youtube-feed .wp-block-rss__item,body.home .wp-block-rss.rd-youtube-feed .wp-block-rss__item {
	position: relative;
	padding: 60px 24px 24px;
	background: linear-gradient(155deg,rgba(43,30,68,0.85),rgba(15,8,32,0.95));
	border: 1px solid rgba(244,235,221,0.1);
}

body.page-id-73 .wp-block-rss.rd-youtube-feed .wp-block-rss__item::before,body.home .wp-block-rss.rd-youtube-feed .wp-block-rss__item::before {
	content: '▶';
	position: absolute;
	top: 20px;
	left: 24px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #E94592;
	color: #FFF8EC;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	padding-left: 3px;
	box-shadow: 0 0 24px rgba(233,69,146,0.5);
}

body.page-id-73 .wp-block-rss.rd-youtube-feed .wp-block-rss__item::after,body.home .wp-block-rss.rd-youtube-feed .wp-block-rss__item::after {
	content: 'YouTube';
	position: absolute;
	top: 30px;
	left: 72px;
	font-family: 'Inter', monospace;
	font-size: 10px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #E94592;
}

.rd-page .rd-live-cta-wrap {
	padding: 0 40px 80px;
	max-width: 1100px;
	margin: 0 auto;
	text-align: left;
}

/* Bluesky 4-col compact grid */
body.page-id-73 .wp-block-rss.rd-bluesky-feed,body.home .wp-block-rss.rd-bluesky-feed {
	padding: 0 40px 80px;
	max-width: 1100px;
	margin: 0 auto;
}

body.page-id-73 .wp-block-rss.rd-bluesky-feed::before,body.home .wp-block-rss.rd-bluesky-feed::before {
	content: 'Bluesky';
	display: block;
	font-family: 'Inter', monospace;
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #3FB8D4;
	margin-bottom: 14px;
	padding-top: 48px;
}

body.page-id-73 .wp-block-rss.rd-bluesky-feed.is-grid,body.home .wp-block-rss.rd-bluesky-feed.is-grid {
	grid-template-columns: repeat(4,1fr) !important;
	gap: 16px !important;
}

body.page-id-73 .wp-block-rss.rd-bluesky-feed .wp-block-rss__item,body.home .wp-block-rss.rd-bluesky-feed .wp-block-rss__item {
	padding: 18px;
	border-radius: 12px;
}

body.page-id-73 .wp-block-rss.rd-bluesky-feed .wp-block-rss__item-title a,body.home .wp-block-rss.rd-bluesky-feed .wp-block-rss__item-title a {
	font-size: 15px !important;
	line-height: 1.3 !important;
}

body.page-id-73 .wp-block-rss.rd-bluesky-feed .wp-block-rss__item-excerpt,body.home .wp-block-rss.rd-bluesky-feed .wp-block-rss__item-excerpt {
	font-size: 13px !important;
	display: -webkit-box;
	overflow: hidden;
}

@media(max-width:880px) {
	body.page-id-73 .wp-block-rss.rd-bluesky-feed.is-grid,body.home .wp-block-rss.rd-bluesky-feed.is-grid {
		grid-template-columns: repeat(2,1fr) !important;
	}
}

/* Make RSS feed labels span full width above grid (not become a grid cell) */
body.page-id-73 .wp-block-rss.is-grid::before,body.home .wp-block-rss.is-grid::before {
	grid-column: 1 / -1 !important;
	width: 100%;
}

/* Align card grid items to top so they don't stretch */
body.page-id-73 .wp-block-rss .wp-block-rss__item,body.home .wp-block-rss .wp-block-rss__item {
	align-self: start;
}

/* Cap card content from running too long */
body.page-id-73 .wp-block-rss .wp-block-rss__item-excerpt,body.home .wp-block-rss .wp-block-rss__item-excerpt {
	display: -webkit-box;
	overflow: hidden;
}

/* Tighten Substack/BridgeMakers feed container so no horizontal overflow */
body.page-id-73 .wp-block-rss.rd-substack-feed,body.home .wp-block-rss.rd-substack-feed {
	padding: 0 40px 60px;
	max-width: 1100px;
	margin: 0 auto;
}

body.page-id-73 .wp-block-rss.rd-bridgemakers-feed,body.home .wp-block-rss.rd-bridgemakers-feed {
	padding: 0 40px 60px;
	max-width: 1100px;
	margin: 0 auto;
}

/* Aggressively cap excerpt length per card */
body.page-id-73 .wp-block-rss .wp-block-rss__item-excerpt,body.home .wp-block-rss .wp-block-rss__item-excerpt {
	display: -webkit-box !important;
	overflow: hidden !important;
	max-height: 6em !important;
}

/* Hide "by heyuh" — wp username, not display name */
body.page-id-73 .wp-block-rss__item-author,body.home .wp-block-rss__item-author {
	display: none !important;
}

/* Fix right-side clipping on wide viewports */
html,body {
	overflow-x: hidden !important;
}

body.page-id-73,body.home {
	overflow-x: hidden !important;
}

/* New YouTube card grid (custom JS render) */
.rd-page .rd-yt-grid-section {
	padding: 0 40px 80px;
	max-width: 1200px;
	margin: 0 auto;
}

.rd-page .rd-yt-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 24px;
	min-height: 240px;
}

@media(max-width:880px) {
	.rd-page .rd-yt-grid {
		grid-template-columns: 1fr;
	}
}

.rd-page .rd-yt-card {
	display: flex;
	flex-direction: column;
	text-decoration: none !important;
	color: inherit;
	background: linear-gradient(155deg,rgba(43,30,68,0.85),rgba(15,8,32,0.95));
	border: 1px solid rgba(244,235,221,0.1);
	border-radius: 14px;
	overflow: hidden;
	transition: transform 0.3s, border-color .3s;
}

.rd-page .rd-yt-card:hover {
	transform: translateY(-3px);
	border-color: rgba(233,69,146,0.5);
}

.rd-page .rd-yt-thumb {
	position: relative;
	aspect-ratio: 16/9;
	background: #0F0820;
	overflow: hidden;
}

.rd-page .rd-yt-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.rd-page .rd-yt-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #E94592;
	color: #FFF8EC !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	padding-left: 4px;
	box-shadow: 0 0 32px rgba(233,69,146,0.6);
	opacity: .95;
	transition: transform .2s;
}

.rd-page .rd-yt-card:hover .rd-yt-play {
	transform: translate(-50%,-50%) scale(1.1);
}

.rd-page .rd-yt-meta {
	padding: 18px 20px 22px;
}

.rd-page .rd-yt-tag {
	font-family: 'Inter', monospace;
	font-size: 10px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #E94592 !important;
	display: block;
	margin-bottom: 8px;
}

.rd-page .rd-yt-card h3 {
	font-family: 'Raleway', Georgia, serif !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	color: #FFF8EC !important;
	margin: 0 0 10px;
	display: -webkit-box;
	overflow: hidden;
}

.rd-page .rd-yt-card time {
	font-family: 'Inter', monospace;
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(232,227,240,0.6) !important;
}

.rd-page .rd-yt-fallback {
	display: block;
	text-align: center;
	padding: 40px;
	font-family: 'Inter', sans-serif;
	color: #3FB8D4 !important;
	text-decoration: none !important;
	border: 1px dashed rgba(63,184,212,0.3);
	border-radius: 12px;
	grid-column: 1/-1;
}

/* Force YouTube thumbnail to fill — beat WP auto-img sizing */
.rd-page .rd-yt-thumb {
	position: relative;
	aspect-ratio: 16/9;
	background: #0F0820;
	overflow: hidden;
	display: block;
}

.rd-page .rd-yt-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	max-width: none !important;
	max-height: none !important;
	border-radius: 0 !important;
	position: absolute;
}

.rd-page .rd-yt-thumb .rd-yt-play {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%,-50%) !important;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #E94592;
	color: #FFF8EC !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 32px rgba(233,69,146,0.7);
	z-index: 2;
	font-family: sans-serif;
	font-size: 20px;
}

.rd-page .rd-yt-thumb .rd-yt-play img.emoji {
	width: 24px !important;
	height: 24px !important;
	position: static !important;
}

/* Tighten section spacing */
.rd-page .rd-yt-grid-section {
	padding: 0 40px 80px;
	margin-top: -40px;
}

/* Tighten gap between LATEST VIDEOS header and the card grid */
.rd-page .rd-live {
	padding: 80px 40px 0 !important;
}

.rd-page .rd-yt-grid-section {
	padding: 32px 40px 80px !important;
	margin-top: 0 !important;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* RSS list-items must FILL their grid cell — default li is shrink-to-fit */
body.page-id-73 .wp-block-rss .wp-block-rss__item,body.home .wp-block-rss .wp-block-rss__item {
	width: 100% !important;
	max-width: none !important;
	display: block !important;
	box-sizing: border-box !important;
}

/* ===== INTERIOR PAGE READABILITY FIX ===== */
/* Reset broad cream-text rule that was scoped to .rd-page (it was designed for the homepage's dark plum body, but the same class is used on light-bg interior pages, where it makes text invisible). */
body:not(.home):not(.page-id-73) .rd-page,
body:not(.home):not(.page-id-73) .rd-page p,
body:not(.home):not(.page-id-73) .rd-page span,
body:not(.home):not(.page-id-73) .rd-page div,
body:not(.home):not(.page-id-73) .rd-page li,
body:not(.home):not(.page-id-73) .rd-page dt,
body:not(.home):not(.page-id-73) .rd-page dd {
	color: #14111C !important;
}

body:not(.home):not(.page-id-73) .rd-page h1,
body:not(.home):not(.page-id-73) .rd-page h2,
body:not(.home):not(.page-id-73) .rd-page h3,
body:not(.home):not(.page-id-73) .rd-page h4,
body:not(.home):not(.page-id-73) .rd-page h5 {
	color: #2B1E44 !important;
}

/* But — if a section explicitly sets color via inline style (dark sections do), let that win. */
body:not(.home):not(.page-id-73) .rd-page section[style*="color:#F4EBDD"],
body:not(.home):not(.page-id-73) .rd-page section[style*="color:#F4EBDD"] * {
	color: #F4EBDD !important;
}

/* And — let inline color attributes on individual elements still win */
body:not(.home):not(.page-id-73) .rd-page [style*="color:#"] {
	color: revert;
}

/* Also: WP body background — light cream on interior pages so sections without alignfull don't get a white border around them */
body:not(.home):not(.page-id-73) {
	background: #0F0820 !important;
}

/* Make sure interior page wp:html block is full-bleed */
body:not(.home):not(.page-id-73) .wp-block-html .rd-page,
body:not(.home):not(.page-id-73) .entry-content .rd-page {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: 100vw;
	max-width: 100vw;
}

/* ============================================================
   PLAIN PAGE IMPROVEMENTS (About, Fieldwork, Highlights)
   These pages use default WordPress blocks without .rd-page
   ============================================================ */
/* Hero-style treatment for first H1 + eyebrow on plain pages */
.page-template-default .entry-content > p.rd-eyebrow:first-child {
	font-family: 'Inter', 'Courier New', monospace;
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #5A7C65;
	font-weight: 500;
	margin-bottom: 20px;
	padding-top: 80px;
}

.page-template-default .entry-content > h1.wp-block-heading:first-of-type,
.page-template-default .entry-content > p.rd-eyebrow + h1 {
	font-family: 'Raleway', Georgia, serif;
	font-size: clamp(42px, 6vw, 72px);
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -.02em;
	color: #2B1E44;
	margin-bottom: 28px;
	padding-bottom: 40px;
}

/* Intro paragraph after H1 */
.page-template-default .entry-content > p.rd-eyebrow + h1 + p {
	font-size: 19px;
	line-height: 1.55;
	color: #14111C;
	max-width: 680px;
	margin-bottom: 60px;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(43,30,68,0.12);
}

/* Section headings (H2) on plain pages */
.page-template-default .entry-content h2.wp-block-heading {
	font-family: 'Raleway', Georgia, serif;
	font-size: clamp(28px, 3.5vw, 40px);
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -.01em;
	color: #2B1E44;
	margin-top: 60px;
	margin-bottom: 20px;
	padding-top: 20px;
}

/* Body text on plain pages */
.page-template-default .entry-content p.wp-block-paragraph {
	font-size: 17px;
	line-height: 1.65;
	color: #14111C;
	max-width: 720px;
	margin-bottom: 24px;
}

/* Clean up separators */
.page-template-default .entry-content .wp-block-separator {
	border-color: rgba(43,30,68,0.12);
	margin-top: 48px;
	margin-bottom: 0;
	opacity: 1;
}

/* Links in plain pages */
.page-template-default .entry-content a {
	color: #5A7C65;
	text-decoration-color: rgba(90,124,101,0.4);
	text-underline-offset: 3px;
}

.page-template-default .entry-content a:hover {
	color: #3D5C47;
}

/* Tighten padding on plain pages */
.page-template-default .entry-content {
	padding-left: max(5vw, 32px);
	padding-right: max(5vw, 32px);
	max-width: 900px;
	margin: 0 auto;
	padding-bottom: 80px;
}

/* Images on plain pages - better sizing */
.page-template-default .entry-content img {
	border-radius: 8px;
	max-width: 100%;
	height: auto;
}

/* About page - make the intro section more prominent */
.page-id-9 .entry-content > p:first-child,
.page-id-9 .entry-content > h1:first-of-type {
	padding-top: 80px;
}

/* Global nav improvements - reduce gap */
.wp-block-navigation {
	gap: 8px !important;
}

/* Improve the header */
.wp-block-site-title a {
	font-weight: 600;
	letter-spacing: -.01em;
}

/* Better mobile spacing */
@media (max-width: 768px) {
	.page-template-default .entry-content {
		padding-left: 24px;
		padding-right: 24px;
	}
	
	.page-template-default .entry-content > h1.wp-block-heading:first-of-type {
		padding-top: 48px;
	}
}

/* ============================================================
   DARK SECTION TEXT READABILITY FIX (Let's Connect page)
   Uses page-id-135 + !important to beat the general rd-page override
   ============================================================ */
/* Dark purple section (#2B1E44) - THE BRIDGE section */
body.page-id-135 .rd-page #bridge p,
body.page-id-135 .rd-page section[style*="background:#2B1E44"] p,
body.page-id-135 .rd-page section[style*="background:#2B1E44"] span,
body.page-id-135 .rd-page section[style*="background:#2B1E44"] div,
body.page-id-135 .rd-page section[style*="background:#2B1E44"] li {
	color: rgba(244,235,221,0.9) !important;
}

body.page-id-135 .rd-page #bridge h1,
body.page-id-135 .rd-page #bridge h2,
body.page-id-135 .rd-page #bridge h3,
body.page-id-135 .rd-page section[style*="background:#2B1E44"] h1,
body.page-id-135 .rd-page section[style*="background:#2B1E44"] h2,
body.page-id-135 .rd-page section[style*="background:#2B1E44"] h3 {
	color: #F4EBDD !important;
}

body.page-id-135 .rd-page #bridge .rd-eyebrow,
body.page-id-135 .rd-page section[style*="background:#2B1E44"] .rd-eyebrow {
	color: #67B87A !important;
}

body.page-id-135 .rd-page section[style*="background:#2B1E44"] em,
body.page-id-135 .rd-page #bridge em {
	color: rgba(244,235,221,0.75) !important;
}

body.page-id-135 .rd-page section[style*="background:#2B1E44"] a,
body.page-id-135 .rd-page #bridge a {
	color: #67B87A !important;
}

/* RD-IMPROVEMENTS-V1 */
/* === HEADER: Dark header on all inner pages === */
body:not(.home) header.wp-block-template-part,
body:not(.home) header.wp-block-template-part > *,
body:not(.home) header.wp-block-template-part .wp-block-group.alignfull,
body:not(.home) header.wp-block-template-part [class*="wp-container"] {
	background-color: #0F0820 !important;
	background: #0F0820 !important;
}

body:not(.home) header.wp-block-template-part {
	border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* Nav links and site title on dark header */
body:not(.home) header.wp-block-template-part a {
	color: #F4EBDD !important;
}

body:not(.home) header.wp-block-template-part a:hover {
	color: #C4A882 !important;
}

/* === FORM IMPROVEMENTS === */
body .contact-form input[type="text"],
body .contact-form input[type="email"],
body .contact-form textarea {
	background-color: #FFFFFF !important;
	border: 1.5px solid #D4C5B0 !important;
	border-radius: 8px !important;
	padding: 14px 18px !important;
	font-size: 16px !important;
	color: #14111C !important;
}

body .contact-form input[type="text"]:focus,
body .contact-form input[type="email"]:focus,
body .contact-form textarea:focus {
	border-color: #4E8C63 !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(78,140,99,0.12) !important;
}

body .grunion-submit,
body .contact-form .contact-submit input[type="submit"] {
	background-color: #2B1E44 !important;
	color: #F4EBDD !important;
	border: none !important;
	border-radius: 100px !important;
	padding: 14px 32px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

body .grunion-submit:hover {
	background-color: #4E8C63 !important;
}

/* === TYPOGRAPHY === */
body .entry-content h1,
body .entry-content h2 {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* === LINKS === */
body:not(.home) .entry-content p a,
body:not(.home) .entry-content li a {
	color: #4E8C63;
	text-decoration: underline;
	text-underline-offset: 3px;
}

body:not(.home) .entry-content p a:hover,
body:not(.home) .entry-content li a:hover {
	color: #2B1E44;
}

/* === HEADING LETTER-SPACING === */
body.page .entry-content h2 {
	letter-spacing: -.02em;
}

/* Contact form button */
.ruth-contact .wp-block-jetpack-button button,.ruth-contact .contact-form button[type="submit"],.ruth-contact button[type="submit"] {
	background: #e94592 !important;
	background-color: #e94592 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 999px !important;
	font-weight: 600 !important;
	padding: 12px 28px !important;
}

/* ===== The Night DOT Came Alive (page 462): Mini-Golf style, plum ===== */
body.page-id-462 {
	background: #1e1233 !important;
}

body.page-id-462 .wp-site-blocks,
body.page-id-462 main,
body.page-id-462 .entry-content {
	background: transparent !important;
}

body.page-id-462 .dotrec {
	max-width: 840px;
	margin: 48px auto;
	padding: 60px 64px;
	background: #f3efe6;
	border-radius: 22px;
	box-shadow: 0 18px 60px rgba(0,0,0,.45);
	font-family: 'Inter', -apple-system, system-ui, sans-serif;
	color: #423a52;
	font-size: 18px;
	line-height: 1.62;
}

body.page-id-462 .dotrec .eyebrow {
	font-family: 'Inter', ui-monospace, monospace;
	font-size: 11px;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #7d4fbf;
	font-weight: 500;
}

body.page-id-462 .dotrec h1 {
	font-family: 'Raleway', Georgia, serif;
	font-weight: 400;
	font-size: 48px;
	line-height: 1.02;
	letter-spacing: -.02em;
	color: #241b3a;
	margin: 14px 0 10px;
}

body.page-id-462 .dotrec .sub {
	font-family: 'Raleway', Georgia, serif;
	font-style: italic;
	font-size: 21px;
	color: #6a5f80;
	margin: 0 0 24px;
}

body.page-id-462 .dotrec .meta {
	font-family: 'Inter', ui-monospace, monospace;
	font-size: 11px;
	letter-spacing: .08em;
	color: #9489ab;
	border-top: 1px solid #e7e0f2;
	border-bottom: 1px solid #e7e0f2;
	padding: 13px 0;
	margin: 0 0 28px;
}

body.page-id-462 .dotrec .meta b {
	color: #6a5f80;
	font-weight: 600;
}

body.page-id-462 .dotrec h2 {
	font-family: 'Inter', ui-monospace, monospace;
	font-size: 12px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #7d4fbf;
	font-weight: 500;
	margin: 52px 0 10px;
}

body.page-id-462 .dotrec h3 {
	font-family: 'Raleway', Georgia, serif;
	font-weight: 400;
	font-size: 24px;
	color: #241b3a;
	margin: 26px 0 6px;
}

body.page-id-462 .dotrec p {
	margin: 0 0 15px;
}

body.page-id-462 .dotrec .lead {
	font-size: 21px;
	line-height: 1.58;
	color: #3a3249;
}

body.page-id-462 .dotrec .manifesto {
	background: #fbf9f3;
	border: 1px solid #ebe4f7;
	border-radius: 16px;
	padding: 36px 40px;
	margin: 26px 0;
}

body.page-id-462 .dotrec .manifesto p {
	font-family: 'Raleway', Georgia, serif;
	font-size: 21px;
	line-height: 1.5;
	margin: 0 0 16px;
	color: #322a47;
}

body.page-id-462 .dotrec .manifesto p:last-child {
	margin: 0;
}

body.page-id-462 .dotrec .manifesto .s {
	color: #7d4fbf;
	font-style: italic;
}

body.page-id-462 .dotrec .log .i {
	font-size: 16px;
	line-height: 1.5;
	padding: 11px 0;
	border-bottom: 1px solid #ece6f6;
}

body.page-id-462 .dotrec .log .i b {
	color: #241b3a;
}

body.page-id-462 .dotrec .foot {
	font-family: 'Inter', ui-monospace, monospace;
	font-size: 11px;
	letter-spacing: .04em;
	color: #9489ab;
	border-top: 1px solid #e7e0f2;
	padding-top: 18px;
	margin-top: 52px;
}

/* ===== record page (462): two-column + conversation panel ===== */
body.page-id-462 .dotrec-wrap {
	max-width: 1240px;
	margin: 0 auto;
	display: flex;
	gap: 40px;
	align-items: flex-start;
}

body.page-id-462 .dotrec-wrap > .dotrec {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
	max-width: none;
}

body.page-id-462 .dotrec-wrap > .convo {
	width: 400px;
	flex: 0 0 400px;
	position: sticky;
	top: 24px;
	align-self: flex-start;
	max-height: 84vh;
	overflow-y: auto;
	background: #171029;
	border: 1px solid #34264f;
	border-radius: 18px;
	padding: 26px 24px;
	font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

body.page-id-462 .convo-head {
	font-family: 'Raleway', Georgia, serif;
	font-size: 23px;
	color: #efe9fb;
	margin-bottom: 2px;
}

body.page-id-462 .convo-sub {
	font-size: 12px;
	color: #8b7fae;
	margin-bottom: 18px;
}

body.page-id-462 .convo .qgroup {
	font-family: 'Inter', ui-monospace, monospace;
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #a273e6;
	margin: 24px 0 11px;
}

body.page-id-462 .convo .q {
	background: #1f1636;
	border: 1px solid #312248;
	border-radius: 12px;
	padding: 14px 16px;
	margin: 0 0 12px;
}

body.page-id-462 .convo .q .who {
	font-family: 'Inter', ui-monospace, monospace;
	font-size: 10px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #8b7fae;
	margin-bottom: 6px;
}

body.page-id-462 .convo .q.dot .who {
	color: #c79ada;
}

body.page-id-462 .convo .q.ruth .who {
	color: #84b6e0;
}

body.page-id-462 .convo .q p {
	font-size: 14.5px;
	line-height: 1.5;
	margin: 0;
	color: #e3dcf2;
}

body.page-id-462 .convo .q.dot {
	border-left: 3px solid #8a4fbf;
}

body.page-id-462 .convo .q.ruth {
	border-left: 3px solid #4f86bf;
}

body.page-id-462 .convo .q.line {
	background: transparent;
	border: none;
	border-left: 3px solid #6a4aa0;
	border-radius: 0;
	padding: 4px 0 4px 16px;
	margin-bottom: 14px;
}

body.page-id-462 .convo .q.line p {
	font-family: 'Raleway', Georgia, serif;
	font-style: italic;
	font-size: 16px;
	color: #d8cdef;
	line-height: 1.4;
}

body.page-id-462 .convo .q .note {
	font-size: 12px;
	color: #9286b0;
	margin-top: 8px;
	line-height: 1.45;
}

body.page-id-462 .convo::-webkit-scrollbar {
	width: 8px;
}

body.page-id-462 .convo::-webkit-scrollbar-thumb {
	background: #3a2c55;
	border-radius: 4px;
}

@media(max-width:1040px) {
	body.page-id-462 .dotrec-wrap {
		flex-direction: column;
	}
	
	body.page-id-462 .dotrec-wrap > .convo {
		width: auto;
		flex: none;
		position: static;
		max-height: 560px;
	}
}

/* ===== record page v2: orientation, lenses, two-failure layout ===== */
body.page-id-462 .rec {
	max-width: 1240px;
	margin: 0 auto;
	font-family: 'Inter', -apple-system, system-ui, sans-serif;
}

body.page-id-462 .rec-card {
	background: #f3efe6;
	border-radius: 22px;
	box-shadow: 0 18px 60px rgba(0,0,0,.4);
}

body.page-id-462 .rec-head {
	padding: 54px 60px 46px;
	margin-bottom: 30px;
	color: #423a52;
	font-size: 18px;
	line-height: 1.62;
}

body.page-id-462 .rec .eyebrow {
	font-family: 'Inter', ui-monospace, monospace;
	font-size: 11px;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #7d4fbf;
	font-weight: 500;
}

body.page-id-462 .rec h1 {
	font-family: 'Raleway', Georgia, serif;
	font-weight: 400;
	font-size: 48px;
	line-height: 1.02;
	letter-spacing: -.02em;
	color: #241b3a;
	margin: 14px 0 8px;
}

body.page-id-462 .rec .sub {
	font-family: 'Raleway', Georgia, serif;
	font-style: italic;
	font-size: 21px;
	color: #6a5f80;
	margin: 0 0 22px;
}

body.page-id-462 .rec .meta {
	font-family: 'Inter', ui-monospace, monospace;
	font-size: 11px;
	letter-spacing: .06em;
	color: #9489ab;
	border-top: 1px solid #e7e0f2;
	border-bottom: 1px solid #e7e0f2;
	padding: 13px 0;
	margin: 0 0 24px;
}

body.page-id-462 .rec .meta b {
	color: #6a5f80;
	font-weight: 600;
}

body.page-id-462 .rec .lead {
	font-size: 19px;
	line-height: 1.6;
	color: #3a3249;
	margin: 0 0 15px;
}

body.page-id-462 .lenses {
	margin: 0 0 30px;
}

body.page-id-462 .tab {
	display: inline-block;
	font-family: 'Inter', ui-monospace, monospace;
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #cbbfe0;
	background: #241a3a;
	border: 1px solid #3a2c55;
	border-radius: 999px;
	padding: 9px 18px;
	margin: 0 8px 8px 0;
	text-decoration: none;
}

body.page-id-462 .tab:hover {
	background: #2e2248;
	color: #efe9fb;
}

body.page-id-462 .lens {
	display: none;
	background: #f3efe6;
	border-radius: 18px;
	padding: 30px 36px;
	margin-top: 10px;
	color: #423a52;
}

body.page-id-462 .lens-why {
	font-family: 'Raleway', Georgia, serif;
	font-size: 22px;
	color: #241b3a;
	margin-bottom: 10px;
}

body.page-id-462 .lens p {
	font-size: 17px;
	line-height: 1.62;
	margin: 0;
}

body.page-id-462 #lens-leader:target ~ .lens.leader,
body.page-id-462 #lens-researcher:target ~ .lens.researcher,
body.page-id-462 #lens-human:target ~ .lens.human,
body.page-id-462 #lens-participant:target ~ .lens.participant {
	display: block;
}

body.page-id-462 .lenses:not(:has(.tab:target)) .lens.leader {
	display: block;
}

body.page-id-462 .tab:target {
	background: #7d4fbf;
	color: #fff;
	border-color: #7d4fbf;
}

body.page-id-462 .lenses:not(:has(.tab:target)) #lens-leader {
	background: #7d4fbf;
	color: #fff;
	border-color: #7d4fbf;
}

body.page-id-462 .rec-body {
	display: flex;
	gap: 40px;
	align-items: flex-start;
}

body.page-id-462 .rec-body > .dotrec {
	margin: 0;
	flex: 1 1 auto;
	min-width: 0;
	max-width: none;
}

body.page-id-462 .rec-body > .convo {
	width: 400px;
	flex: 0 0 400px;
	position: sticky;
	top: 24px;
	align-self: flex-start;
	max-height: 86vh;
	overflow-y: auto;
}

body.page-id-462 .convo .q.ai {
	border-left: 3px solid #c98a3a;
}

body.page-id-462 .convo .q.ai .who {
	color: #e0b674;
}

body.page-id-462 .convo .q.claude-act {
	border-left: 3px solid #c0504a;
	background: #2a1622;
}

body.page-id-462 .convo .q.claude-act .who {
	color: #e08a82;
}

@media(max-width:1040px) {
	body.page-id-462 .rec-body {
		flex-direction: column;
	}
	
	body.page-id-462 .rec-body > .convo {
		width: auto;
		flex: none;
		position: static;
		max-height: 600px;
	}
	
	body.page-id-462 .rec-head {
		padding: 38px 28px;
	}
}

/* convo full-height override: no fixed window, no internal scroll, no sticky */
body.page-id-462 .rec-body > .convo {
	position: static !important;
	max-height: none !important;
	overflow: visible !important;
	align-self: flex-start !important;
}

/* ===== per-role story: lens-body two-column, lens left (per tab), transcript right (shared) ===== */
body.page-id-462 .lens-body {
	display: flex;
	gap: 40px;
	align-items: flex-start;
}

body.page-id-462 .lens-body > .lens-col {
	flex: 1 1 auto;
	min-width: 0;
}

body.page-id-462 .lens-body > .convo {
	flex: 0 0 400px;
	width: 400px;
}

body.page-id-462 .convo {
	position: static !important;
	max-height: none !important;
	overflow: visible !important;
	align-self: flex-start !important;
}

body.page-id-462 .lenses:has(#lens-leader:target) .lens.leader,
body.page-id-462 .lenses:has(#lens-researcher:target) .lens.researcher,
body.page-id-462 .lenses:has(#lens-human:target) .lens.human,
body.page-id-462 .lenses:has(#lens-participant:target) .lens.participant {
	display: block;
}

body.page-id-462 .lens {
	padding: 40px 44px;
	margin-top: 0;
}

body.page-id-462 .lens p {
	margin: 0 0 15px;
	font-size: 17px;
	line-height: 1.62;
}

body.page-id-462 .lens p:last-child {
	margin-bottom: 0;
}

body.page-id-462 .lens b {
	color: #241b3a;
}

body.page-id-462 .rec-foot {
	font-family: 'Inter', ui-monospace, monospace;
	font-size: 11px;
	letter-spacing: .04em;
	color: #8b7fae;
	text-align: center;
	max-width: 1240px;
	margin: 32px auto 0;
	padding: 0 20px;
}

@media(max-width:1040px) {
	body.page-id-462 .lens-body {
		flex-direction: column;
	}
	
	body.page-id-462 .lens-body > .convo {
		width: auto;
		flex: none;
	}
}

/* ===== converge + glossary shared cards, and lingo tooltips ===== */
body.page-id-462 .converge, body.page-id-462 .glossary {
	padding: 40px 48px;
	margin-top: 30px;
}

body.page-id-462 .converge-h {
	font-family: 'Raleway', Georgia, serif;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.08;
	color: #241b3a;
	margin: 8px 0 14px;
}

body.page-id-462 .converge > p, body.page-id-462 .glossary > p {
	font-size: 17px;
	line-height: 1.6;
	color: #3a3249;
	margin: 0 0 18px;
}

body.page-id-462 .converge .log .i {
	font-family: 'Inter', -apple-system, system-ui, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	padding: 10px 0;
	border-bottom: 1px solid #ece6f6;
	color: #423a52;
}

body.page-id-462 .converge .log .i b {
	color: #241b3a;
}

body.page-id-462 .glossary dl {
	margin: 0;
}

body.page-id-462 .glossary dt {
	font-family: 'Inter', ui-monospace, monospace;
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #7d4fbf;
	margin: 18px 0 4px;
}

body.page-id-462 .glossary dd {
	margin: 0;
	font-size: 16px;
	line-height: 1.55;
	color: #423a52;
}

body.page-id-462 .glossary dd a {
	color: #7d4fbf;
	text-decoration: underline;
}

body.page-id-462 .term {
	border-bottom: 1px dotted #7d4fbf;
	cursor: help;
	position: relative;
}

body.page-id-462 .term .tip {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: 6px;
	width: min(290px,72vw);
	background: #1a1230;
	color: #d8cdef;
	border: 1px solid #3a2c55;
	border-radius: 10px;
	padding: 12px 14px;
	font-size: 13px;
	line-height: 1.45;
	z-index: 40;
	box-shadow: 0 10px 34px rgba(0,0,0,.55);
	font-family: 'Inter', -apple-system, system-ui, sans-serif;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	font-style: normal;
	white-space: normal;
}

body.page-id-462 .term:hover .tip, body.page-id-462 .term:focus .tip, body.page-id-462 .term:focus-within .tip {
	display: block;
}

body.page-id-462 .lenses:has(#lens-builder:target) .lens.builder {
	display: block;
}

/* atlas: uncap the embed so the 3D model renders full-width like BM (page 1217) */
body.page-id-1217 #advanced_iframe{max-width:100vw !important;width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important}

/* BRAND PARITY UM (2026-07-17): dark restyle Ultimate Member locked/message boxes (were white) */
.um-locked-content,.um-restricted-content,.um-message,.um-message-box{background:#171029 !important;color:#DCD5EE !important;border:1px solid rgba(169,139,232,.3) !important;border-radius:12px !important;}
.um-locked-content a,.um-restricted-content a{color:#20ACDF !important;}


/* BRAND PARITY 2 (2026-07-17): remaining cream chrome bands + wordmark serif -> dark + Raleway */
header .wp-block-group[style*="F4EBDD"],footer .wp-block-group[style*="F4EBDD"],header [style*="background-color:#F4EBDD"],footer [style*="background-color:#F4EBDD"],header [style*="background-color: #F4EBDD"],footer [style*="background-color: #F4EBDD"]{background-color:#181130 !important}
body:not(.home):not(.page-id-73){background-color:#0F0820 !important}
.wp-block-site-title,.wp-block-site-title a,.has-fraunces-font-family{font-family:"Raleway",system-ui,-apple-system,"Segoe UI",sans-serif !important}


/* BRAND PARITY 3 (2026-07-19): cream/white INLINE card grounds inside page content -> dark.
   Their inline dark text is already overridden to light lavender by the global rule, so these cards
   were rendering light-on-cream (unreadable). Darkening the card restores contrast. Page content only,
   so the forest-color-palette swatches are untouched. Also kills the Georgia/serif body drift. */
.entry-content [style*="background:#f4f1e8"],.entry-content [style*="background: #f4f1e8"],.entry-content [style*="background:#e8e1cf"],.entry-content [style*="background: #e8e1cf"],.entry-content [style*="background:#fbfaf5"],.entry-content [style*="background: #fbfaf5"],.entry-content [style*="background:#f3efe6"],.entry-content [style*="background: #f3efe6"],.entry-content [style*="background:#fbf9f3"],.entry-content [style*="background: #fbf9f3"],.entry-content [style*="background:#fff8ec"],.entry-content [style*="background: #fff8ec"],.entry-content [style*="background:#ffffff"],.entry-content [style*="background: #ffffff"],.entry-content [style*="background:#fff;"],.entry-content [style*="background: #fff;"]{background:#171029 !important}
.entry-content [style*="Georgia,serif"],.entry-content [style*="Georgia, serif"]{font-family:'Raleway',system-ui,-apple-system,'Segoe UI',sans-serif !important}


/* COMMENT FORM DARK (2026-07-20): comments enabled on books + FAQ; the default form was a white
   box on the dark site (eye-pain rule). Dark the fields, keep the brand button. */
.wp-block-comments textarea,.wp-block-comments input[type=text],.wp-block-comments input[type=email],.wp-block-comments input[type=url],.comment-form textarea,.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url]{background:#171029 !important;color:#DCD5EE !important;border:1px solid rgba(169,139,232,.30) !important;border-radius:10px !important}
.wp-block-comments ::placeholder,.comment-form ::placeholder{color:#9a8fc0 !important;opacity:1}
.wp-block-comments input[type=submit],.comment-form input[type=submit],.form-submit input[type=submit]{background:linear-gradient(135deg,#C51E6D,#49019B) !important;color:#fff !important;border:none !important;border-radius:999px !important;padding:.6rem 1.4rem !important;cursor:pointer}
.wp-block-comments,.wp-block-comments p,.wp-block-comments label{color:#C9C0E4 !important}
.wp-block-comments a{color:#20ACDF !important}
.wp-block-comments .wp-block-comment-author-name a{color:#DCD5EE !important}


/* DARK INPUTS SITEWIDE (2026-07-20): the theme derives input backgrounds from
   --wp--custom--input-background (computed off the WHITE theme-1), so every field rendered as a
   bright white box on the dark site. Override the variable AND the elements directly. */
:root{--wp--custom--input-background:#171029 !important}
textarea,input[type=text],input[type=email],input[type=url],input[type=search],input[type=password],input[type=number],select{background:#171029 !important;background-color:#171029 !important;color:#DCD5EE !important;border:1px solid rgba(169,139,232,.30) !important;border-radius:10px !important}
::placeholder{color:#9a8fc0 !important;opacity:1}

/* LIBRARY FULL WIDTH 2026-07-20: the library embed was capped at the theme's 620px content width,
   so the books sat in one narrow left column with a large dark void beside them.
   The library's own shelf caps at 1180px internally, so widening the frame fills the
   space with the library's dark ground, not with a bright field. */
body.page-id-1552 .entry-content{max-width:none !important}
body.page-id-1552 .entry-content > *{max-width:none !important;width:100% !important}
body.page-id-1552 .wp-block-html{max-width:none !important;width:100% !important}
body.page-id-1552 #advanced_iframe{width:100% !important;display:block}

/* EMBED FULL WIDTH 2026-07-20: same 620px theme content cap that squeezed the library also squeezed
   Co-Create (2216) and My Profile (2088). Each app caps its own width internally (about 760px),
   so widening the frame lets them centre in the dark ground instead of hugging the left edge. */
body.page-id-2216 .entry-content{max-width:none !important}
body.page-id-2216 .entry-content > *{max-width:none !important;width:100% !important}
body.page-id-2216 .wp-block-html{max-width:none !important;width:100% !important}
body.page-id-2216 #advanced_iframe{width:100% !important;display:block}

/* REVERTED 2026-07-20 for My Profile (2088) ONLY: widening it made things WORSE. Its panel is a
   cross-origin worker iframe with a LIGHT background, so widening turned a 620px light strip into a
   ~3100px bright field. Re-add 2088 here only AFTER the worker profile render is darkened. */

/* HOME FULL WIDTH 2026-07-20: the front page is a full-bleed designed hero, so it must escape the theme\n   620px content cap. Safe to widen here because its content is DARK (unlike My Profile, where\n   widening a light embed created a bright field and was reverted). */
body.page-id-900578 .entry-content,body.home .entry-content{max-width:none !important;padding:0 !important}
body.page-id-900578 .entry-content > *,body.home .entry-content > *{max-width:none !important;width:100% !important}
body.page-id-900578 .wp-block-html,body.home .wp-block-html{max-width:none !important;width:100% !important}
body.page-id-900578 #advanced_iframe,body.home #advanced_iframe{width:100% !important;display:block;min-height:100vh}

/* HOME NO DOUBLE SCROLL 2026-07-20: the front page scrolled AND the embed scrolled inside it. Fix by making the
   frame exactly fill the space under the header, so the outer page has nothing to scroll and the
   loop keeps its own scroll (which is how a scroll-driven animation is meant to work).
   CRITICAL: this is a FIXED calc, never the content height. Sizing the frame to its content made
   84vh huge inside the frame, which grew the DOT stage, which grew the content, which grew the
   frame again: a runaway that hit a 3352x2883 stage. Do not reintroduce that. */
body.home #advanced_iframe{height:calc(100vh - 195px) !important;min-height:0 !important;display:block}
body.home .entry-content{margin-block-start:0 !important}

/* ATLAS PAGE FULL WIDTH 2026-07-22: the atlas page (1217) content was boxed to 1188px by the Assembler theme\n   (is-layout-constrained + has-global-padding), while BM renders it full-width (blockbase is-layout-flow).\n   Ruth repeatedly: remove the narrow margins. Un-constrain the whole page content. */
body.page-id-1217 .entry-content.is-layout-constrained,body.page-id-1217 .wp-block-post-content{max-width:none !important;padding-left:2vw !important;padding-right:2vw !important}
body.page-id-1217 .entry-content.is-layout-constrained > *,body.page-id-1217 .entry-content .is-layout-constrained > *{max-width:none !important}

/* ATLAS DOTMODEL FULLWIDTH 2026-07-22: the DOT model content moved beneath the atlas keeps its own narrow reading column\n   (.rd-inner). Ruth: remove narrow margins for ALL content. Widen it on the atlas page. */
body.page-id-1217 .rd-page,body.page-id-1217 .rd-inner{max-width:none !important;padding-left:4vw !important;padding-right:4vw !important}

/* ATLAS HEIGHT+PROSE 2026-07-22: (1) bound the atlas to 85vh so the page flows past it to the DOT model content beneath\n   (was 100vh, trapping scroll). (2) force the moved prose full-width, beating page-134 embedded styles. */
body.page-id-1217 #advanced_iframe{height:85vh !important;min-height:600px !important}
body.page-id-1217 .rd-inner{max-width:none !important;width:auto !important;padding-left:4vw !important;padding-right:4vw !important}
body.page-id-1217 .rd-h1,body.page-id-1217 .rd-page *{max-width:none !important}

/* ATLAS RD FULLWIDTH v2 2026-07-22 */
body.page-id-1217 .rd-page,body.page-id-1217 .rd-hero,body.page-id-1217 .rd-inner,body.page-id-1217 .rd-h1{max-width:none !important;width:auto !important;margin-left:0 !important;margin-right:0 !important}

/* GLOBAL READING WIDTH 2026-07-22: Ruth, repeatedly: REMOVE THE NARROW MARGINS. The Assembler theme boxes every page to\n   --wp--style--global--content-size:620px (text ~577px on a 2880px screen). Override the theme\n   variables globally so ALL constrained content widens at once, using the theme own mechanism. */
:root, body{--wp--style--global--content-size:min(1240px,94vw) !important;--wp--style--global--wide-size:min(1700px,97vw) !important}
.entry-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:min(1240px,94vw)}

/* GLOBAL READING WIDTH v2 2026-07-22: the REAL narrow cap is the template main.wp-block-group hard-limited to 656px,\n   plus per-page embedded mockup styles capping main/p at 656/475px. Kill them all globally. */
main.wp-block-group{max-width:min(1240px,94vw) !important;margin-inline:auto !important}
.entry-content{max-width:min(1240px,94vw) !important}
.entry-content main{max-width:100% !important;width:100% !important}
.entry-content [class^=rd-], .entry-content [class*=" rd-"]{max-width:100% !important}
.entry-content main p, .entry-content main h1, .entry-content main h2, .entry-content main h3, .entry-content main ul{max-width:75ch !important}

/* GLOBAL READING WIDTH v3 2026-07-22: Ruth: text still tiny and far away on a 2880px screen. Scale type up with the\n   viewport and let prose breathe wider (88ch), keep line-height comfortable. */
.entry-content main p, .entry-content main ul, .entry-content main li{max-width:88ch !important;font-size:clamp(1rem,0.82rem+0.38vw,1.35rem) !important;line-height:1.68 !important}
.entry-content main h1{font-size:clamp(2.2rem,1.6rem+1.4vw,4rem) !important;max-width:none !important}
.entry-content main h2{font-size:clamp(1.5rem,1.1rem+0.9vw,2.6rem) !important;max-width:none !important}
.entry-content main h3{font-size:clamp(1.15rem,0.95rem+0.5vw,1.8rem) !important}

/* GLOBAL READING WIDTH v4 2026-07-22: v3 measured only 12.48px live. Two causes: page-embedded mockup styles outrank the\n   Customizer (they load later in body + higher specificity), and those pages shrink the base rem.\n   Fix: tripled-class specificity + PX-based clamps so rem tricks cannot shrink it. */
.entry-content.entry-content.entry-content main p,.entry-content.entry-content.entry-content main li{max-width:88ch !important;font-size:clamp(16px,12px + 0.4vw,23px) !important;line-height:1.66 !important}
.entry-content.entry-content.entry-content main h1{font-size:clamp(34px,24px + 1.5vw,64px) !important}
.entry-content.entry-content.entry-content main h2{font-size:clamp(24px,17px + 1vw,44px) !important}
.entry-content.entry-content.entry-content main h3,.entry-content.entry-content.entry-content main h4{font-size:clamp(18px,14px + 0.6vw,30px) !important}
.entry-content.entry-content.entry-content main .eyebrow,.entry-content.entry-content.entry-content main small{font-size:clamp(13px,11px + 0.25vw,17px) !important}

/* ATLAS BUG-FAB DEDUP 2026-07-22: the atlas embed ships its own Report-a-bug button, so the site-wide fab doubled it\n   on the atlas pages (Ruth caught the stack). Hide the parent fab where the embed has its own. */
body.page-id-1217 #bm-bug-fab, body.page-id-998 #bm-bug-fab{display:none !important}