.distorsion-patreon-cta.is-patreon-monochrome {
	--distorsion-patreon-accent: #fff;
	--distorsion-patreon-paper: #fff;
	--distorsion-patreon-muted: #c9c9c9;
	--distorsion-patreon-surface: #080808;
	--distorsion-patreon-line: #454545;
	display: grid;
	gap: 0.75rem;
	min-width: 0;
	padding: clamp(1.25rem, 4vw, 2rem);
	border: 1px solid var(--distorsion-patreon-line);
	border-radius: var(--wp--custom--radius--large, 1rem);
	background: var(--distorsion-patreon-surface);
	color: var(--distorsion-patreon-paper);
}

.distorsion-patreon-brand {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	max-width: 100%;
	margin: 0 0 0.75rem;
	padding: 0.35rem 0;
}

.distorsion-patreon-brand .distorsion-patreon-brand__symbol {
	display: block;
	flex: 0 0 auto;
	width: 3rem;
	height: auto;
}

.distorsion-patreon-brand .distorsion-patreon-brand__wordmark {
	display: block;
	width: 9.9375rem;
	max-width: calc(100% - 4.25rem);
	height: auto;
}

.distorsion-patreon-cta__eyebrow,
.distorsion-patreon-cta__title,
.distorsion-patreon-cta__copy,
.distorsion-patreon-link {
	margin: 0;
}

.distorsion-patreon-cta__eyebrow {
	color: var(--distorsion-patreon-accent);
	font-size: 0.76rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.distorsion-patreon-cta__title {
	color: var(--distorsion-patreon-paper);
	font-size: clamp(1.35rem, 4vw, 2.15rem);
	line-height: 1.1;
}

.distorsion-patreon-cta__copy {
	max-width: 68ch;
	color: var(--distorsion-patreon-muted);
}

.distorsion-patreon-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-top: 0.25rem;
}

.is-patreon-monochrome .distorsion-patreon-cta__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	min-height: 2.75rem;
	padding: 0.7rem 1rem;
	border: 1px solid var(--distorsion-patreon-accent);
	border-radius: 999px;
	background: var(--distorsion-patreon-accent);
	color: #080808;
	font-weight: 850;
	line-height: 1.2;
	text-decoration: none;
}

.is-patreon-monochrome .distorsion-patreon-cta__button:hover,
.is-patreon-monochrome .distorsion-patreon-cta__button:focus-visible {
	background: #e6e6e6;
	color: #080808;
	text-decoration: none;
}

.is-patreon-monochrome .distorsion-patreon-cta__button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 4px;
}

.distorsion-patreon-link .distorsion-patreon-cta__link {
	display: inline-flex;
	gap: 0.4rem;
	align-items: center;
	font-weight: 750;
}

@media (max-width: 40rem) {
	.distorsion-patreon-cta__actions,
	.distorsion-patreon-cta__button {
		width: 100%;
	}
}

/* Compact decorative brand mark beside the episode Patreon heading. */
.distorsion-episode-patreon > .distorsion-episode-patreon__title:first-child {
	display: flex;
	align-items: flex-start;
	gap: 0.55em;
}

.distorsion-episode-patreon > .distorsion-episode-patreon__title:first-child::before {
	content: "";
	flex: 0 0 1em;
	width: 1em;
	height: 1em;
	margin-top: 0.075em;
	background: url("../images/patreon-symbol-white.svg") center / contain no-repeat;
}

/* Simple membership guidance, scoped to the dedicated Patreon template. */
.patreon-page .dist-patreon-guide,.patreon-page .dist-patreon-faq{box-sizing:border-box;margin-block:1.5rem 2.5rem;color:inherit}
.dist-patreon-guide h2,.dist-patreon-faq h2{font-size:clamp(1.4rem,2.5vw,1.85rem);line-height:1.3;margin:0 0 1rem}
.dist-patreon-guide>p{max-width:80ch;font-size:1rem;line-height:1.7;margin:.75rem 0}
.dist-patreon-guide .dist-patreon-guide__free{border-left:3px solid #18d3ff;padding:.65rem 1rem;margin:1.25rem 0;color:#eff8fb;background:#112128;border-radius:0 8px 8px 0}
.dist-patreon-guide h3{font-size:1.1rem;line-height:1.5;margin:1.25rem 0 .5rem}
.dist-patreon-guide__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:.75rem 0 0;padding:0;list-style:none;counter-reset:patreon-steps}
.dist-patreon-guide__steps>li{position:relative;counter-increment:patreon-steps;padding-left:2.25rem;min-width:0;font-size:1rem;line-height:1.5}
.dist-patreon-guide__steps>li:before{content:counter(patreon-steps);position:absolute;left:0;top:0;display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:#17343e;color:#72e5fa;font-weight:700;font-size:.875rem}
.dist-patreon-guide__steps p{margin:.3rem 0 0;color:#b8c7d0;line-height:1.6;font-size:.95rem}
.dist-patreon-guide a,.dist-patreon-faq a{color:#72e5fa;text-underline-offset:3px}
.dist-patreon-guide a:focus-visible,.dist-patreon-faq a:focus-visible,.dist-patreon-faq summary:focus-visible{outline:3px solid #f1db85;outline-offset:4px}
.dist-patreon-faq details{border-bottom:1px solid #344650;padding:0}
.dist-patreon-faq summary{cursor:pointer;min-height:48px;box-sizing:border-box;padding:.85rem 0;font-size:1rem;font-weight:650;line-height:1.5}
.dist-patreon-faq details p{max-width:80ch;margin:.3rem 0 1rem;line-height:1.7;font-size:1rem;color:#bdcbd2}
@media(max-width:700px){.dist-patreon-guide__steps{grid-template-columns:1fr;gap:1rem}.patreon-page .dist-patreon-guide,.patreon-page .dist-patreon-faq{margin-block:1.25rem 2rem}}

/* Patreon page: clear membership actions and a compact tier comparison. */
.patreon-page .dist-patreon-membership-link{margin:1.5rem 0 0}
.patreon-page .dist-patreon-membership-link a{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;box-sizing:border-box;padding:.75rem 1.15rem;border-radius:999px;background:#72e5fa;color:#091015;font-weight:750;line-height:1.3;text-decoration:none;transition:background-color .18s ease,transform .18s ease}
.patreon-page .dist-patreon-membership-link a:hover{background:#b0f3ff;transform:translateY(-2px)}
.patreon-page .dist-patreon-membership-link a:focus-visible{outline:3px solid #f1db85;outline-offset:4px}
.patreon-page .dist-patreon-hero__action{margin-block:1.75rem 0}
.patreon-page .dist-patreon-compare{box-sizing:border-box;margin-block:3rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid #344650;border-radius:18px;background:#101a20}
.dist-patreon-compare h2{font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.2;margin:.4rem 0 .8rem}
.dist-patreon-compare__intro{max-width:70ch;margin:0 0 1.5rem;color:#bdcbd2;line-height:1.6}
.dist-patreon-compare__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.dist-patreon-compare__card{min-width:0;padding:clamp(1.15rem,2vw,1.6rem);border:1px solid #344650;border-radius:12px;background:#15242c}
.dist-patreon-compare__card .eyebrow{margin:0 0 .65rem;color:#72e5fa}
.dist-patreon-compare__card h3{margin:0 0 .85rem;font-size:1.25rem;line-height:1.35}
.dist-patreon-compare__card ul{margin:0;padding-left:1.25rem;line-height:1.65}
.dist-patreon-compare__card li+li{margin-top:.4rem}
.dist-patreon-compare__impact{max-width:78ch;margin:1.4rem 0 0;color:#bdcbd2;line-height:1.6}
@media(max-width:700px){.dist-patreon-compare__grid{grid-template-columns:1fr}.patreon-page .dist-patreon-compare{margin-block:2rem}.patreon-page .dist-patreon-membership-link a{width:100%}}
