/* MIDO PHASE 9.4 THINKING PAGE ACTIVE */
/* =============================================================================
   Thinking page + single post template.

   Two roots, two scopes:
     - .mht-thinking-page  — the /thinking grid
     - .mht-post-single    — individual articles

   Reuses globals: .mht-shell, .mht-content-kicker, .mht-content-heading,
   .mht-content-body, .mht-u-btn (and modifiers), .glass-card. No
   redefinition of any global rule.
   ========================================================================== */


/* ============================== THINKING PAGE ============================ */

.mht-thinking-page {
	padding-bottom: clamp(48px, 6vw, 80px);
}

/* --- Grid section --- */
.mht-thinking-page .mht-thinking-page__grid-section {
	padding-block: clamp(40px, 6vw, 80px) clamp(64px, 9vw, 120px);
}
.mht-thinking-page .mht-thinking-page__inner {
	width: var(--site-w);
	max-width: var(--site-max);
	margin-inline: auto;
}

/* 3-col on desktop, 2-col on tablet, 1-col on mobile.
   The first card is "featured" — spans 2 columns on desktop/tablet. */
.mht-thinking-page .mht-thinking-page__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(18px, 2.5vw, 32px);
}
.mht-thinking-page .mht-thinking-card.is-featured {
	grid-column: span 2;
}
@media (max-width: 960px) {
	.mht-thinking-page .mht-thinking-page__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.mht-thinking-page .mht-thinking-card.is-featured {
		grid-column: span 2;
	}
}
@media (max-width: 640px) {
	.mht-thinking-page .mht-thinking-page__grid {
		grid-template-columns: 1fr;
	}
	.mht-thinking-page .mht-thinking-card.is-featured {
		grid-column: auto;
	}
}

/* --- Card --- */
.mht-thinking-page .mht-thinking-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--bg-elevated, #1B1620);
	border: 1px solid rgba(197, 166, 211, 0.10);
	border-radius: 20px;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	transition: transform 320ms var(--ease-soft, cubic-bezier(.4,0,.2,1)),
				border-color 320ms var(--ease-soft, cubic-bezier(.4,0,.2,1)),
				box-shadow 320ms var(--ease-soft, cubic-bezier(.4,0,.2,1));
	box-shadow: 0 30px 60px -30px rgba(0,0,0,0.45);
}
.mht-thinking-page .mht-thinking-card:hover {
	transform: translateY(-3px);
	border-color: rgba(183, 140, 255, 0.32);
	box-shadow: 0 30px 60px -20px rgba(0,0,0,0.55);
}
.mht-thinking-page .mht-thinking-card:focus-visible {
	outline: 2px solid var(--accent-lime, #B78CFF);
	outline-offset: 4px;
}

/* Card media — 16:9 with object-fit cover, no stretching. */
.mht-thinking-page .mht-thinking-card__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #050505;
}
.mht-thinking-page .mht-thinking-card__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	z-index: 0;
	transition: transform 980ms var(--ease-soft, cubic-bezier(.4,0,.2,1));
}
.mht-thinking-page .mht-thinking-card:hover .mht-thinking-card__image {
	transform: scale(1.025);
}
.mht-thinking-page .mht-thinking-card__placeholder {
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(ellipse 60% 50% at 25% 30%, rgba(142, 99, 163, 0.34), transparent 60%),
		radial-gradient(ellipse 50% 40% at 80% 80%, rgba(183, 140, 255, 0.22), transparent 65%),
		linear-gradient(135deg, #1B1620 0%, #141017 100%);
}
.mht-thinking-page .mht-thinking-card__grain {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	opacity: 0.4;
	mix-blend-mode: overlay;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.42 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
	background-size: 160px 160px;
	background-repeat: repeat;
}



/* Card body */
.mht-thinking-page .mht-thinking-card__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: clamp(20px, 2.2vw, 28px);
}
.mht-thinking-page .mht-thinking-card__meta {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	color: var(--text-muted, #AFA4B8);
	font-size: 9.5px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
.mht-thinking-page .mht-thinking-card__cat { color: var(--accent-soft, #C5A6D3); }
.mht-thinking-page .mht-thinking-card__dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--text-faint, #7C7284);
	display: inline-block;
}
.mht-thinking-page .mht-thinking-card__title {
	margin: 0;
	font-family: var(--font-display, "Migra", Georgia, serif);
	font-size: clamp(1.15rem, 0.95rem + 0.7vw, 1.5rem);
	line-height: 1.25;
	color: var(--text-primary, #F6F2F7);
}
.mht-thinking-page .mht-thinking-card.is-featured .mht-thinking-card__title {
	font-size: clamp(1.35rem, 1rem + 1.2vw, 1.95rem);
}
.mht-thinking-page .mht-thinking-card__excerpt {
	margin: 0;
	color: var(--text-secondary, #DDD6E3);
	opacity: 0.88;
	line-height: 1.5;
	font-size: 14.5px;
	/* Limit to ~3 lines so cards stay even */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.mht-thinking-page .mht-thinking-card__read {
	margin-top: 4px;
	color: var(--accent-lime, #B78CFF);
	font-size: 13px;
	letter-spacing: 0.04em;
	font-weight: 500;
}

/* --- Empty state --- */
.mht-thinking-page .mht-thinking-page__empty {
	padding-block: clamp(56px, 9vw, 120px);
}
.mht-thinking-page .mht-thinking-page__empty-inner {
	width: var(--site-w);
	max-width: var(--site-max);
	margin-inline: auto;
}
.mht-thinking-page .mht-thinking-page__empty-card {
	padding: clamp(32px, 5vw, 56px);
	border-radius: 20px;
	max-width: 720px;
	text-align: left;
}
.mht-thinking-page .mht-thinking-page__empty-heading {
	margin: 0 0 14px;
	text-align: left;
	max-width: 22ch;
}
.mht-thinking-page .mht-thinking-page__empty-body {
	margin: 0 0 28px;
	max-width: 56ch;
	color: var(--text-secondary, #DDD6E3);
	opacity: 0.92;
	line-height: 1.55;
}

/* --- Final CTA --- */
.mht-thinking-page .mht-thinking-page__cta {
	position: relative;
	padding-block: clamp(72px, 10vw, 140px);
	overflow: clip;
	isolation: isolate;
}
.mht-thinking-page .mht-thinking-page__cta-atmosphere {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse 60% 50% at 22% 50%, rgba(142, 99, 163, 0.20), transparent 60%),
		radial-gradient(ellipse 50% 40% at 78% 50%, rgba(183, 140, 255, 0.16), transparent 65%);
	opacity: 0.85;
}
.mht-thinking-page .mht-thinking-page__cta-inner {
	position: relative;
	z-index: 1;
	width: var(--site-w);
	max-width: var(--site-max);
	margin-inline: auto;
	text-align: left;
}
.mht-thinking-page .mht-thinking-page__cta-heading {
	margin: 0 0 16px;
	text-align: left;
	max-width: 22ch;
}
.mht-thinking-page .mht-thinking-page__cta-body {
	margin: 0 0 32px;
	max-width: 60ch;
	color: var(--text-secondary, #DDD6E3);
	opacity: 0.92;
	line-height: 1.55;
}

/* --- Fallback hero (only triggers if reusable hero partial fails) --- */
.mht-thinking-page .mht-thinking-page__fallback-hero {
	background: var(--bg-elevated, #1B1620);
	border-bottom: 1px solid rgba(245, 243, 247, 0.045);
}


/* ============================= POST SINGLE ============================== */

.mht-post-single {
	padding-bottom: clamp(48px, 6vw, 80px);
}

/* Hero */
.mht-post-single .mht-post-single__hero {
	padding-block: clamp(110px, 14vw, 168px) clamp(28px, 3.5vw, 48px);
}
.mht-post-single .mht-post-single__hero-inner {
	width: var(--site-w);
	max-width: var(--site-max);
	margin-inline: auto;
	text-align: left;
}
.mht-post-single .mht-post-single__kicker {
	margin: 0 0 14px;
}
.mht-post-single .mht-post-single__title {
	margin: 0 0 18px;
	text-align: left;
	max-width: 28ch;
}
.mht-post-single .mht-post-single__meta {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--text-muted, #AFA4B8);
	font-size: 9.5px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
.mht-post-single .mht-post-single__cat { color: var(--accent-soft, #C5A6D3); }
.mht-post-single .mht-post-single__dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--text-faint, #7C7284);
	display: inline-block;
}

/* Cover */
.mht-post-single .mht-post-single__cover-section {
	padding-block: clamp(20px, 3vw, 40px);
}
.mht-post-single .mht-post-single__cover-inner {
	width: var(--site-w);
	max-width: var(--site-max);
	margin-inline: auto;
}
.mht-post-single .mht-post-single__cover {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid rgba(197, 166, 211, 0.10);
	background: #050505;
	box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.55);
}
.mht-post-single .mht-post-single__cover-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	z-index: 0;
}
.mht-post-single .mht-post-single__cover-placeholder {
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(ellipse 60% 50% at 25% 30%, rgba(142, 99, 163, 0.34), transparent 60%),
		radial-gradient(ellipse 50% 40% at 80% 80%, rgba(183, 140, 255, 0.22), transparent 65%),
		linear-gradient(135deg, #1B1620 0%, #141017 100%);
}
.mht-post-single .mht-post-single__cover-grain {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	opacity: 0.45;
	mix-blend-mode: overlay;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.42 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
	background-size: 160px 160px;
	background-repeat: repeat;
}

/* Article body — readable column, comfortable rhythm */
.mht-post-single .mht-post-single__body {
	padding-block: clamp(40px, 6vw, 80px) clamp(48px, 7vw, 96px);
}
.mht-post-single .mht-post-single__body-inner {
	width: var(--site-w);
	max-width: var(--site-max);
	margin-inline: auto;
}
.mht-post-single .mht-post-single__content {
	/* Phase 10.8.8: centered reading column matching the project case-study
	   measure exactly (72ch + margin-inline:auto). Previously 68ch with no
	   centering margin — the column pinned to the left of the 1120px container,
	   leaving ~440px dead space on the right. Now centered, one rhythm site-wide. */
	max-width: 72ch;
	margin-inline: auto;
	color: var(--text-secondary, #DDD6E3);
	line-height: 1.7;
	font-size: 17px;
}
.mht-post-single .mht-post-single__content > * + * {
	margin-top: 1.2em;
}
.mht-post-single .mht-post-single__content h2,
.mht-post-single .mht-post-single__content h3,
.mht-post-single .mht-post-single__content h4 {
	color: var(--text-primary, #F6F2F7);
	font-family: var(--font-display, "Migra", Georgia, serif);
	font-weight: 600;
	line-height: 1.25;
	margin-top: 1.6em;
	margin-bottom: 0.6em;
}
.mht-post-single .mht-post-single__content h2 { font-size: clamp(1.45rem, 1.1rem + 1.1vw, 2rem); }
.mht-post-single .mht-post-single__content h3 { font-size: clamp(1.2rem, 1rem + 0.7vw, 1.5rem); }
.mht-post-single .mht-post-single__content h4 { font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.25rem); }
.mht-post-single .mht-post-single__content p {
	margin: 0 0 1.1em;
}
.mht-post-single .mht-post-single__content a {
	color: var(--accent-lime, #B78CFF);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.mht-post-single .mht-post-single__content blockquote {
	margin: 1.5em 0;
	padding: 12px 22px;
	border-left: 2px solid var(--accent-lime, #B78CFF);
	color: var(--text-primary, #F6F2F7);
	font-style: italic;
}
.mht-post-single .mht-post-single__content img {
	max-width: 100%;
	height: auto;
	border-radius: 14px;
}
.mht-post-single .mht-post-single__content pre {
	background: var(--bg-elevated, #1B1620);
	border: 1px solid rgba(245, 243, 247, 0.06);
	border-radius: 14px;
	padding: 16px 18px;
	overflow-x: auto;
	font-size: 14px;
}
.mht-post-single .mht-post-single__content code {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 0.95em;
	background: rgba(245, 243, 247, 0.04);
	padding: 2px 6px;
	border-radius: 6px;
}
.mht-post-single .mht-post-single__content ul,
.mht-post-single .mht-post-single__content ol {
	padding-inline-start: 22px;
}
.mht-post-single .mht-post-single__content li + li {
	margin-top: 0.4em;
}

/* ============================================================================
   Phase 10.8.8 — GUTENBERG PROSE COVERAGE
   Styles for the blocks WordPress actually outputs when an article is pasted
   or written in the editor. Everything below reuses existing site tokens so
   pasted content matches the brand automatically. Scoped to the post content
   column only. No template changes — markup is already correct.
   ========================================================================= */

/* Inline emphasis */
.mht-post-single .mht-post-single__content strong,
.mht-post-single .mht-post-single__content b {
	color: var(--text-primary, #F6F2F7);
	font-weight: 600;
}
.mht-post-single .mht-post-single__content em,
.mht-post-single .mht-post-single__content i {
	font-style: italic;
}
.mht-post-single .mht-post-single__content mark {
	background: rgba(183, 140, 255, 0.18);
	color: var(--text-primary, #F6F2F7);
	padding: 0 4px;
	border-radius: 4px;
}

/* Nested lists — tighten spacing so sub-items don't inherit the 1.2em block gap */
.mht-post-single .mht-post-single__content li > ul,
.mht-post-single .mht-post-single__content li > ol {
	margin-top: 0.4em;
	margin-bottom: 0;
}

/* Horizontal rule / separator (incl. WP block) */
.mht-post-single .mht-post-single__content hr,
.mht-post-single .mht-post-single__content .wp-block-separator {
	border: 0;
	height: 1px;
	background: rgba(245, 243, 247, 0.10);
	margin: 2.4em auto;
	max-width: 100%;
}
.mht-post-single .mht-post-single__content .wp-block-separator.is-style-dots {
	background: none;
	height: auto;
	text-align: center;
	line-height: 1;
	color: var(--text-faint, #7C7284);
}

/* Figures + captions (wp-block-image, wp-caption) */
.mht-post-single .mht-post-single__content figure,
.mht-post-single .mht-post-single__content .wp-block-image {
	margin: 1.8em 0;
}
.mht-post-single .mht-post-single__content figcaption,
.mht-post-single .mht-post-single__content .wp-element-caption {
	margin-top: 0.6em;
	color: var(--text-muted, #AFA4B8);
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
}

/* WordPress image alignment classes.
   alignwide/alignfull break out of the 72ch reading column, but in a
   gutter-safe way: width is clamped so the image never exceeds the viewport
   minus the site gutter, preventing horizontal scroll on any screen. The
   breakout is centered via auto margins, not negative margins (which risk
   overflow on small viewports). */
.mht-post-single .mht-post-single__content .aligncenter {
	margin-inline: auto;
	display: block;
	text-align: center;
}
.mht-post-single .mht-post-single__content .alignleft {
	float: left;
	margin: 0.4em 1.4em 1em 0;
	max-width: 50%;
}
.mht-post-single .mht-post-single__content .alignright {
	float: right;
	margin: 0.4em 0 1em 1.4em;
	max-width: 50%;
}
.mht-post-single .mht-post-single__content .alignwide,
.mht-post-single .mht-post-single__content .alignfull {
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
}
.mht-post-single .mht-post-single__content .alignwide img,
.mht-post-single .mht-post-single__content .alignfull img {
	width: 100%;
	border-radius: 14px;
}

/* Embeds — YouTube, Vimeo, Twitter/X, etc. (wp-block-embed + raw iframes).
   Responsive 16:9 wrapper so embeds never overflow or leave side gaps. */
.mht-post-single .mht-post-single__content .wp-block-embed {
	margin: 1.8em 0;
}
.mht-post-single .mht-post-single__content .wp-block-embed__wrapper {
	position: relative;
}
.mht-post-single .mht-post-single__content .wp-block-embed.is-type-video .wp-block-embed__wrapper {
	position: relative;
	padding-top: 56.25%;
}
.mht-post-single .mht-post-single__content .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 14px;
}
.mht-post-single .mht-post-single__content iframe {
	max-width: 100%;
	border-radius: 14px;
}

/* Tables (wp-block-table + raw) */
.mht-post-single .mht-post-single__content table,
.mht-post-single .mht-post-single__content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.8em 0;
	font-size: 15px;
}
.mht-post-single .mht-post-single__content th,
.mht-post-single .mht-post-single__content td {
	border: 1px solid rgba(245, 243, 247, 0.10);
	padding: 10px 14px;
	text-align: left;
	line-height: 1.5;
}
.mht-post-single .mht-post-single__content th {
	background: rgba(245, 243, 247, 0.04);
	color: var(--text-primary, #F6F2F7);
	font-weight: 600;
}

/* WP quote block (mirrors the raw blockquote style already defined above) */
.mht-post-single .mht-post-single__content .wp-block-quote {
	margin: 1.5em 0;
	padding: 12px 22px;
	border-left: 2px solid var(--accent-lime, #B78CFF);
	color: var(--text-primary, #F6F2F7);
	font-style: italic;
}
.mht-post-single .mht-post-single__content .wp-block-quote cite,
.mht-post-single .mht-post-single__content blockquote cite {
	display: block;
	margin-top: 0.6em;
	font-style: normal;
	font-size: 13px;
	color: var(--text-muted, #AFA4B8);
}

/* Pull quote — larger editorial emphasis */
.mht-post-single .mht-post-single__content .wp-block-pullquote {
	margin: 2em 0;
	padding: 0;
	border: 0;
	text-align: center;
}
.mht-post-single .mht-post-single__content .wp-block-pullquote blockquote {
	border: 0;
	padding: 0;
	font-family: var(--font-display, "Migra", Georgia, serif);
	font-size: clamp(1.3rem, 1.1rem + 0.9vw, 1.8rem);
	line-height: 1.35;
	color: var(--text-primary, #F6F2F7);
}

/* Code block (wp-block-code mirrors the raw pre style already defined) */
.mht-post-single .mht-post-single__content .wp-block-code {
	margin: 1.5em 0;
}
.mht-post-single .mht-post-single__content .wp-block-code code {
	display: block;
	background: var(--bg-elevated, #1B1620);
	border: 1px solid rgba(245, 243, 247, 0.06);
	border-radius: 14px;
	padding: 16px 18px;
	overflow-x: auto;
	font-size: 14px;
	line-height: 1.6;
}

/* Buttons block — route to the site's button look without breaking it */
.mht-post-single .mht-post-single__content .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 26px;
	border: 1px solid rgba(245, 243, 247, 0.18);
	border-radius: 999px;
	background: transparent;
	color: var(--text-primary, #F6F2F7);
	font-family: var(--font-sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-decoration: none;
}

/* Clear floats left by alignleft/alignright images at block boundaries */
.mht-post-single .mht-post-single__content::after {
	content: '';
	display: block;
	clear: both;
}

/* ============================================================================
   POST TABLE OF CONTENTS — Phase 10.9.2
   Auto-generated sidebar TOC for blog posts. Adapted from the legal-page TOC
   styling, scoped to .mido-post-toc, made NARROWER with a FIXED-HEIGHT inner
   scroll area. Reuses brand colors directly (this file has no :root access
   issues — it's loaded with the rest of the site CSS).

   Layout: .mido-post-toc-layout is a 2-col grid (sticky TOC + article body).
   The article body keeps the 72ch centered measure inside its column.
   ========================================================================= */

.mht-post-single .mido-post-toc-layout {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: clamp(1.5rem, 3vw, 3rem);
	align-items: start;
	width: 100%;
	max-width: none;
}
/* When a TOC is present, the content wrapper drops its 72ch cap so the
   sidebar + article can use the full body width. The body class is added
   by inc/post-toc.php (mido-has-toc) — no :has() dependency. */
.mido-has-toc .mht-post-single__content {
	max-width: none;
}

/* Article body column: re-apply the 72ch centered reading measure so prose
   still reads at the intended width inside its column. */
.mht-post-single .mido-post-toc-body {
	min-width: 0;
	max-width: 72ch;
}

/* ---- Sidebar ---- */
.mht-post-single .mido-post-toc {
	position: sticky;
	/* Phase 10.9.3: nudged down from 7.5rem so the sticky TOC clears the
	   fixed header bar instead of touching it. */
	top: 9rem;
	z-index: 2;
}
.mht-post-single .mido-post-toc__inner {
	border: 1px solid rgba(221, 214, 227, 0.12);
	border-radius: 1.25rem;
	background:
		linear-gradient(180deg, rgba(246, 242, 247, 0.06), rgba(246, 242, 247, 0.03)),
		rgba(27, 22, 32, 0.78);
	box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.22);
	padding: 1.1rem 1.15rem;
}
.mht-post-single .mido-post-toc__eyebrow {
	margin: 0 0 0.8rem;
	color: #C5A6D3;
	font-family: var(--font-sans, "Blauer Nue", system-ui, sans-serif);
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.2;
	text-transform: uppercase;
}

/* ---- Fixed-height scroll area ---- */
.mht-post-single .mido-post-toc__nav {
	display: grid;
	gap: 0.28rem;
	/* Fixed height with internal scroll, per spec. */
	max-height: 320px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 0.3rem;
	scrollbar-width: thin;
	scrollbar-color: rgba(197, 166, 211, 0.28) transparent;
}
.mht-post-single .mido-post-toc__nav::-webkit-scrollbar {
	width: 4px;
}
.mht-post-single .mido-post-toc__nav::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: rgba(197, 166, 211, 0.28);
}

/* ---- TOC links ----
   Phase 83: old TOC-owned link hover/dot styles removed.
   The TOC links now use the real header menu classes in markup:
   - .mht-nav__inner
   - .mht-nav__links
   - .mht-nav__link
   Layout-only adjustments live in 45__thinking-nav-reuse.css.
   Hover/active artwork comes from the locked header nav system.
*/

/* ---- Responsive: stack TOC above the article on narrow screens ---- */
@media (max-width: 980px) {
	.mht-post-single .mido-post-toc-layout {
		grid-template-columns: 1fr;
	}
	.mht-post-single .mido-post-toc {
		position: relative;
		top: auto;
		margin-bottom: 1.5rem;
	}
	.mht-post-single .mido-post-toc__nav {
		max-height: 220px;
	}
}

/* ============================================================================
   POST LIKES + COMMENTS — Phase 10.9.3
   Public heart/count like button and a social-media-style comments section.
   ========================================================================= */

/* ---- Likes bar ---- */
.mht-post-single .mht-post-likes-section {
	padding-block: clamp(20px, 4vw, 40px) 0;
}
.mht-post-single .mht-post-likes-inner {
	/* Phase 10.9.7: match the comments column exactly. comments-inner is 760px
	   centered, and .mht-post-comments inside it caps to 68ch LEFT-aligned.
	   So the outer wrapper is 760px centered and the engage bar caps to 68ch
	   left-aligned — left edges line up with the comment box below. */
	width: 100%;
	max-width: 760px;
	margin-inline: auto;
}
.mht-post-single .mht-post-engage {
	max-width: 68ch;
	margin-right: auto;
}
/* Engage container — same card style + width as the comment form box below
   (.comment-respond uses --bg-elevated). Phase 10.9.6. */
.mht-post-engage {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	padding: 16px 20px;
	border: 1px solid rgba(245, 243, 247, 0.06);
	border-radius: 16px;
	background: var(--bg-elevated, #1B1620);
}
.mht-post-engage__actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.mht-post-engage__hint {
	color: var(--text-faint, #7C7284);
	font-size: 13px;
}
.mht-post-like {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	height: 44px;
	padding: 0 18px;
	border: 1px solid rgba(245, 243, 247, 0.16);
	border-radius: 999px;
	background: rgba(245, 243, 247, 0.03);
	color: var(--text-secondary, #DDD6E3);
	font-family: var(--font-sans, "Blauer Nue", system-ui, sans-serif);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition:
		border-color var(--t-mid, 320ms) var(--ease-out),
		background-color var(--t-mid, 320ms) var(--ease-out),
		color var(--t-mid, 320ms) var(--ease-out);
}
.mht-post-like:hover {
	border-color: rgba(183, 140, 255, 0.4);
	background: rgba(183, 140, 255, 0.07);
	color: var(--text-primary, #F6F2F7);
}
.mht-post-like__heart {
	display: inline-flex;
	color: var(--text-muted, #AFA4B8);
	transition: color var(--t-base, 220ms) var(--ease-out), transform var(--t-base, 220ms) var(--ease-out);
}
.mht-post-like__heart-path {
	transition: fill var(--t-base, 220ms) var(--ease-out), stroke var(--t-base, 220ms) var(--ease-out);
}
/* Phase 10.9.6: heart shows the accent on hover, then stays filled when liked. */
.mht-post-like:hover .mht-post-like__heart {
	color: #C5A6D3;
}
.mht-post-like:hover .mht-post-like__heart-path {
	stroke: #C5A6D3;
}
.mht-post-like.is-liked {
	border-color: rgba(183, 140, 255, 0.45);
	background: rgba(183, 140, 255, 0.1);
	color: var(--text-primary, #F6F2F7);
}
.mht-post-like.is-liked .mht-post-like__heart {
	color: #B78CFF;
}
.mht-post-like.is-liked .mht-post-like__heart-path {
	fill: #B78CFF;
	stroke: #B78CFF;
}
/* Pop animation when liked */
.mht-post-like--pop .mht-post-like__heart {
	animation: mht-like-pop 320ms var(--ease-soft, cubic-bezier(.22,1,.36,1));
}
@keyframes mht-like-pop {
	0% { transform: scale(1); }
	40% { transform: scale(1.35); }
	100% { transform: scale(1); }
}
.mht-post-like__count {
	font-variant-numeric: tabular-nums;
	min-width: 1ch;
}

/* ---- Share button + menu ---- */
.mht-post-share {
	position: relative;
}
.mht-post-share__toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 18px;
	border: 1px solid rgba(245, 243, 247, 0.16);
	border-radius: 999px;
	background: rgba(245, 243, 247, 0.03);
	color: var(--text-secondary, #DDD6E3);
	font-family: var(--font-sans, "Blauer Nue", system-ui, sans-serif);
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition:
		border-color var(--t-mid, 320ms) var(--ease-out),
		background-color var(--t-mid, 320ms) var(--ease-out),
		color var(--t-mid, 320ms) var(--ease-out);
}
.mht-post-share__toggle:hover,
.mht-post-share.is-open .mht-post-share__toggle {
	border-color: rgba(183, 140, 255, 0.4);
	background: rgba(183, 140, 255, 0.07);
	color: var(--text-primary, #F6F2F7);
}
.mht-post-share__menu {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	z-index: 20;
	min-width: 180px;
	display: flex;
	flex-direction: column;
	padding: 6px;
	border: 1px solid rgba(245, 243, 247, 0.1);
	border-radius: 14px;
	background: #1B1620;
	box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.4);
}
.mht-post-share__menu[hidden] { display: none; }
.mht-post-share__item {
	display: block;
	width: 100%;
	text-align: left;
	padding: 9px 12px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: var(--text-secondary, #DDD6E3);
	font-family: var(--font-sans, "Blauer Nue", system-ui, sans-serif);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	transition: background-color var(--t-fast, 160ms) var(--ease-out), color var(--t-fast, 160ms) var(--ease-out);
}
.mht-post-share__item:hover {
	background: rgba(183, 140, 255, 0.1);
	color: var(--text-primary, #F6F2F7);
}
.mht-post-share__copy.is-copied {
	color: #B78CFF;
}

/* ---- Comments: social-media style ---- */
.mht-post-single .mht-post-single__comments-section {
	padding-block: clamp(28px, 5vw, 56px);
}
.mht-post-single .mht-post-single__comments-inner {
	max-width: 72ch;
	margin-inline: auto;
}
.mht-post-comments__title {
	margin-bottom: 1.2em;
}
.mht-post-comments__list {
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.mht-post-comments__list .comment,
.mht-post-comments__list li {
	list-style: none;
}

/* Comment card — flat markup from mido_render_comment(). Avatar + name + date
   on one row, then the comment text, then reply. No grid overlap. */
.mht-post-comments__list .mht-comment__body {
	padding: 16px 18px;
	border: 1px solid rgba(245, 243, 247, 0.08);
	border-radius: 16px;
	background: rgba(246, 242, 247, 0.025);
}
.mht-post-comments__list .mht-comment__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}
.mht-post-comments__list .mht-comment__avatar img,
.mht-post-comments__list .mht-comment__avatar .avatar {
	width: 44px;
	height: 44px;
	border-radius: 999px;
	display: block;
}
.mht-post-comments__list .mht-comment__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.mht-post-comments__list .mht-comment__author {
	color: var(--text-primary, #F6F2F7);
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
}
.mht-post-comments__list .mht-comment__date {
	color: var(--text-faint, #7C7284);
	font-size: 12px;
	line-height: 1.2;
}
.mht-post-comments__list .mht-comment__content {
	color: var(--text-secondary, #DDD6E3);
	font-size: 15px;
	line-height: 1.6;
}
.mht-post-comments__list .mht-comment__content p { margin: 0 0 0.5em; }
.mht-post-comments__list .mht-comment__content p:last-child { margin-bottom: 0; }
.mht-post-comments__list .mht-comment__pending {
	margin: 8px 0 0;
	color: #C5A6D3;
	font-size: 12px;
	font-style: italic;
}
.mht-post-comments__list .mht-comment__foot {
	margin-top: 10px;
}
.mht-post-comments__list .mht-comment__reply a,
.mht-post-comments__list .comment-reply-link {
	display: inline-block;
	color: #B78CFF;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
}
.mht-post-comments__list .children {
	list-style: none;
	margin: 14px 0 0 28px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* Comment form — name + email only */
.mht-post-comments__form-title { margin-bottom: 0.8em; }
.mht-post-comments__form .comment-form-comment textarea,
.mht-post-comments__form input[type="text"],
.mht-post-comments__form input[type="email"] {
	width: 100%;
	background: rgba(246, 242, 247, 0.04);
	border: 1px solid rgba(245, 243, 247, 0.12);
	border-radius: 12px;
	padding: 12px 14px;
	color: var(--text-primary, #F6F2F7);
	font-family: var(--font-sans, "Blauer Nue", system-ui, sans-serif);
	font-size: 15px;
	line-height: 1.5;
}
.mht-post-comments__form textarea {
	min-height: 110px;
	resize: vertical;
}
/* Phase 10.9.6: Name + Email side by side via flex (robust — the old
   inline-block + calc + margin-left broke alignment, pushing Email right). */
.mht-post-comments__form .comment-form-author,
.mht-post-comments__form .comment-form-email {
	display: block;
	width: 100%;
	margin-bottom: 12px;
}
@media (min-width: 560px) {
	.mht-post-comments__form .comment-form-author,
	.mht-post-comments__form .comment-form-email {
		display: inline-block;
		width: calc(50% - 8px);
		vertical-align: top;
	}
	.mht-post-comments__form .comment-form-author {
		margin-right: 12px;
	}
	.mht-post-comments__form .comment-form-email {
		margin-left: 0;
	}
}
.mht-post-comments__form .comment-form-comment { margin-bottom: 12px; }
.mht-post-comments__form label {
	display: block;
	margin-bottom: 5px;
	color: var(--text-muted, #AFA4B8);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
}
.mht-post-comments__form .form-submit { margin-top: 4px; }
/* Phase 10.9.5: the comment submit is a plain <input>, not the orb-markup
   button, so force auto width + symmetric padding so the label never crops. */
/* Phase 10.9.6: self-contained comment submit button. The global --secondary
   relies on a ::before fill + label span that a plain <input> doesn't have,
   which made the hover text go black with no fill. This styles the input
   directly: outlined at rest, purple fill with dark text on hover. */
.mht-post-comments__submit,
.mht-post-comments__form input[type="submit"] {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 0;
	height: 48px;
	padding: 0 30px;
	border: 1px solid rgba(183, 140, 255, 0.5);
	border-radius: 999px;
	background: transparent;
	color: var(--text-primary, #F6F2F7);
	font-family: var(--font-sans, "Blauer Nue", system-ui, sans-serif);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	transition:
		background-color var(--t-mid, 320ms) var(--ease-out),
		color var(--t-mid, 320ms) var(--ease-out),
		border-color var(--t-mid, 320ms) var(--ease-out);
}
.mht-post-comments__submit:hover,
.mht-post-comments__form input[type="submit"]:hover {
	background: #B78CFF;
	border-color: #B78CFF;
	color: #0D0D0D;
}
.mht-post-comments__closed {
	color: var(--text-faint, #7C7284);
	font-size: 14px;
}
/* Moderation note */
.mht-post-comments__form .comment-notes {
	color: var(--text-faint, #7C7284);
	font-size: 12px;
	margin-bottom: 14px;
}
@media (max-width: 560px) {
	.mht-post-comments__form .comment-form-author,
	.mht-post-comments__form .comment-form-email {
		width: 100%;
		margin-left: 0;
	}
}

/* Footer nav */
.mht-post-single .mht-post-single__nav {
	padding-block: clamp(24px, 4vw, 56px) clamp(40px, 6vw, 72px);
	border-top: 1px solid rgba(245, 243, 247, 0.045);
}
.mht-post-single .mht-post-single__nav-inner {
	width: var(--site-w);
	max-width: var(--site-max);
	margin-inline: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 16px;
}
.mht-post-single .mht-post-single__back {
	align-self: flex-start;
}

/* Responsive */
@media (max-width: 560px) {
	.mht-post-single .mht-post-single__hero {
		padding-block: clamp(96px, 22vw, 128px) clamp(20px, 5vw, 32px);
	}
	.mht-post-single .mht-post-single__title {
		max-width: none;
	}
	.mht-post-single .mht-post-single__nav-inner {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* MIDO PHASE 9.4.2 THINKING SYSTEM ACTIVE */
/* =============================================================================
   Phase 9.4.2 additions: filters, card meta, comments, related posts.
   Scoped under .mht-thinking-page and .mht-post-single.
   ========================================================================== */

/* ---- Filter chips (Thinking page) ---- */
.mht-thinking-page .mht-thinking-page__filters {
	padding-block: clamp(8px, 1.5vw, 18px) clamp(4px, 1vw, 10px);
}
.mht-thinking-page .mht-thinking-page__filters-inner {
	width: var(--site-w);
	max-width: var(--site-max);
	margin-inline: auto;
}
.mht-thinking-page .mht-thinking-filter {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 4px;
}
.mht-thinking-page .mht-thinking-filter::-webkit-scrollbar { display: none; }
.mht-thinking-page .mht-thinking-filter__row {
	display: contents; /* collapse rows — all chips flow into one line */
}
.mht-thinking-page .mht-thinking-filter__label {
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--text-faint, #7C7284);
	white-space: nowrap;
	padding: 0 4px 0 8px;
	flex-shrink: 0;
}
.mht-thinking-page .mht-thinking-filter__label:first-child { padding-left: 0; }
.mht-thinking-page .mht-thinking-filter__chip {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border-radius: 999px;
	border: 1px solid rgba(197, 166, 211, 0.18);
	background: rgba(245, 243, 247, 0.02);
	color: var(--text-secondary, #DDD6E3);
	font-size: 12.5px;
	letter-spacing: 0.02em;
	text-decoration: none;
	transition: border-color 240ms ease, background 240ms ease, color 240ms ease;
}
.mht-thinking-page .mht-thinking-filter__chip:hover {
	border-color: rgba(183, 140, 255, 0.45);
	color: var(--text-primary, #F6F2F7);
}
.mht-thinking-page .mht-thinking-filter__chip.is-active {
	background: var(--accent-lime, #B78CFF);
	border-color: var(--accent-lime, #B78CFF);
	color: #0D0D0D;
	font-weight: 600;
}

/* ---- Duration chip inside thinking cards ---- */
.mht-thinking-page .mht-thinking-card__dur {
	color: var(--text-muted, #AFA4B8);
}

/* ---- Related posts (single post) ---- */
.mht-post-single .mht-post-single__related {
	padding-block: clamp(40px, 6vw, 80px);
	border-top: 1px solid rgba(245, 243, 247, 0.045);
}
.mht-post-single .mht-post-single__related-inner {
	width: var(--site-w);
	max-width: var(--site-max);
	margin-inline: auto;
}
.mht-post-single .mht-post-single__related-title {
	margin: 0 0 clamp(22px, 3vw, 36px);
	text-align: left;
	font-size: clamp(1.4rem, 1.1rem + 1vw, 2rem);
}
.mht-post-single .mht-post-single__related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(16px, 2.2vw, 28px);
}
@media (max-width: 860px) {
	.mht-post-single .mht-post-single__related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	.mht-post-single .mht-post-single__related-grid { grid-template-columns: 1fr; }
}

/* Mini card variant reuses the thinking-card visual language. Because the
   related grid lives under .mht-post-single, we restate the card rules here
   scoped to that root (no reliance on .mht-thinking-page being present). */
.mht-post-single .mht-thinking-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: var(--bg-elevated, #1B1620);
	border: 1px solid rgba(197, 166, 211, 0.10);
	border-radius: 18px;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	transition: transform 320ms ease, border-color 320ms ease, box-shadow 320ms ease;
	box-shadow: 0 24px 48px -28px rgba(0,0,0,0.45);
}
.mht-post-single .mht-thinking-card:hover {
	transform: translateY(-3px);
	border-color: rgba(183, 140, 255, 0.32);
}
.mht-post-single .mht-thinking-card__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #050505;
}
.mht-post-single .mht-thinking-card__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	z-index: 0;
}
.mht-post-single .mht-thinking-card__placeholder {
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(ellipse 60% 50% at 25% 30%, rgba(142, 99, 163, 0.34), transparent 60%),
		radial-gradient(ellipse 50% 40% at 80% 80%, rgba(183, 140, 255, 0.22), transparent 65%),
		linear-gradient(135deg, #1B1620 0%, #141017 100%);
}
.mht-post-single .mht-thinking-card__grain {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	opacity: 0.4;
	mix-blend-mode: overlay;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.42 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
	background-size: 160px 160px;
	background-repeat: repeat;
}
.mht-post-single .mht-thinking-card__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: clamp(16px, 1.8vw, 22px);
}
.mht-post-single .mht-thinking-card__meta {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	color: var(--text-muted, #AFA4B8);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}
.mht-post-single .mht-thinking-card__cat { color: var(--accent-soft, #C5A6D3); }
.mht-post-single .mht-thinking-card__dot {
	width: 4px; height: 4px; border-radius: 50%;
	background: var(--text-faint, #7C7284); display: inline-block;
}
.mht-post-single .mht-thinking-card__title {
	margin: 0;
	font-family: var(--font-display, "Migra", Georgia, serif);
	font-size: clamp(1.05rem, 0.9rem + 0.5vw, 1.25rem);
	line-height: 1.25;
	color: var(--text-primary, #F6F2F7);
}
.mht-post-single .mht-thinking-card__read {
	margin-top: 2px;
	color: var(--accent-lime, #B78CFF);
	font-size: 12.5px;
	font-weight: 500;
}



/* Phase 151O.8.4.8 — Recommended Thinking light-mode metadata parity.
   Related cards are approved glass surfaces, so metadata stays clean text and
   the read link gets enough contrast without using a random accent. */
html[data-mht-theme-effective="light"] .mht-post-single__related .mht-thinking-card.mht-glass-card .mht-thinking-card__meta,
html[data-mht-theme="light"] .mht-post-single__related .mht-thinking-card.mht-glass-card .mht-thinking-card__meta,
html[data-mht-theme-effective="light"] .mht-post-single__related .mht-thinking-card.mht-glass-card .mht-thinking-card__date,
html[data-mht-theme="light"] .mht-post-single__related .mht-thinking-card.mht-glass-card .mht-thinking-card__date {
	color: var(--mht-glass-text-muted, rgba(221,214,227,.76)) !important;
}

html[data-mht-theme-effective="light"] .mht-post-single__related .mht-thinking-card.mht-glass-card .mht-thinking-card__cat,
html[data-mht-theme="light"] .mht-post-single__related .mht-thinking-card.mht-glass-card .mht-thinking-card__cat {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	color: var(--accent-soft, #C5A6D3) !important;
}

html[data-mht-theme-effective="light"] .mht-post-single__related .mht-thinking-card.mht-glass-card .mht-thinking-card__read,
html[data-mht-theme="light"] .mht-post-single__related .mht-thinking-card.mht-glass-card .mht-thinking-card__read {
	color: #E6D8FF !important;
	font-weight: 650;
	text-shadow: 0 1px 18px rgba(0,0,0,.24);
}

html[data-mht-theme-effective="light"] .mht-post-single__related .mht-thinking-card.mht-glass-card:hover .mht-thinking-card__read,
html[data-mht-theme-effective="light"] .mht-post-single__related .mht-thinking-card.mht-glass-card:focus-visible .mht-thinking-card__read,
html[data-mht-theme="light"] .mht-post-single__related .mht-thinking-card.mht-glass-card:hover .mht-thinking-card__read,
html[data-mht-theme="light"] .mht-post-single__related .mht-thinking-card.mht-glass-card:focus-visible .mht-thinking-card__read {
	color: #F6F2F7 !important;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

/* ---- Single post extra meta segments ---- */
.mht-post-single .mht-post-single__type { color: var(--accent-soft, #C5A6D3); }
.mht-post-single .mht-post-single__dur { color: var(--text-muted, #AFA4B8); }
.mht-post-single .mht-post-single__media-link { margin: 0 0 24px; }

/* ---- Comments ---- */
.mht-post-single .mht-post-single__comments-section {
	padding-block: clamp(32px, 5vw, 64px);
}
.mht-post-single .mht-post-single__comments-inner {
	/* Phase 10.9.4: cap comments to a readable centered measure instead of the
	   full ~1120px site width. Previously full-width, which left the comments
	   stuck left with a large right-side gap. */
	width: 100%;
	max-width: 760px;
	margin-inline: auto;
}
.mht-post-single .mht-post-comments {
	max-width: 68ch;
}
.mht-post-single .mht-post-comments__title {
	margin: 0 0 24px;
	text-align: left;
	font-size: clamp(1.3rem, 1.05rem + 0.8vw, 1.7rem);
	/* Phase 10.9.6: counter uses Blauer Nue (sans), not the Migra display face. */
	font-family: var(--font-sans, "Blauer Nue", system-ui, sans-serif);
	font-weight: 600;
	font-style: normal;
}
.mht-post-single .mht-post-comments__list {
	list-style: none;
	margin: 0 0 32px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.mht-post-single .mht-post-comments__list .comment,
.mht-post-single .mht-post-comments__list li {
	list-style: none;
}
.mht-post-single .mht-post-comments__list .comment-body {
	background: var(--bg-elevated, #1B1620);
	border: 1px solid rgba(245, 243, 247, 0.06);
	border-radius: 14px;
	padding: 16px 18px;
	color: var(--text-secondary, #DDD6E3);
	line-height: 1.6;
}
.mht-post-single .mht-post-comments__list .comment-author {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
	color: var(--text-primary, #F6F2F7);
	font-weight: 600;
}
.mht-post-single .mht-post-comments__list .comment-author .avatar {
	border-radius: 50%;
}
.mht-post-single .mht-post-comments__list .comment-meta {
	font-size: 12px;
	color: var(--text-faint, #7C7284);
	margin-bottom: 8px;
}
.mht-post-single .mht-post-comments__list .comment-meta a { color: var(--text-faint, #7C7284); text-decoration: none; }
.mht-post-single .mht-post-comments__list .children {
	list-style: none;
	margin: 14px 0 0 22px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.mht-post-single .mht-post-comments__list .reply a {
	display: inline-block;
	margin-top: 8px;
	color: var(--accent-lime, #B78CFF);
	font-size: 12.5px;
	text-decoration: none;
}
.mht-post-single .mht-post-comments__closed {
	color: var(--text-faint, #7C7284);
	font-size: 13px;
	margin: 0 0 24px;
}
.mht-post-single .mht-post-comments__form-title {
	margin: 0 0 14px;
	text-align: left;
	font-size: clamp(1.2rem, 1rem + 0.6vw, 1.45rem);
}
.mht-post-single .comment-respond {
	background: var(--bg-elevated, #1B1620);
	border: 1px solid rgba(245, 243, 247, 0.06);
	border-radius: 16px;
	padding: clamp(18px, 2.4vw, 28px);
}
.mht-post-single .comment-form-comment textarea,
.mht-post-single .comment-form-author input,
.mht-post-single .comment-form-email input,
.mht-post-single .comment-form-url input {
	width: 100%;
	background: var(--bg-primary, #141017);
	border: 1px solid rgba(245, 243, 247, 0.10);
	border-radius: 10px;
	padding: 11px 13px;
	color: var(--text-primary, #F6F2F7);
	font: inherit;
	margin-top: 6px;
}
.mht-post-single .comment-form-comment textarea:focus,
.mht-post-single .comment-form-author input:focus,
.mht-post-single .comment-form-email input:focus,
.mht-post-single .comment-form-url input:focus {
	outline: none;
	border-color: rgba(183, 140, 255, 0.55);
}
.mht-post-single .comment-form label {
	font-size: 13px;
	color: var(--text-muted, #AFA4B8);
}
.mht-post-single .comment-form p { margin: 0 0 14px; }
.mht-post-single .form-submit { margin-bottom: 0; }
.mht-post-single .comment-form .submit {
	cursor: pointer;
	border: none;
}

/* MIDO PHASE 9.4.2.1 POST TYPE TEMPLATES ACTIVE */
/* =============================================================================
   Type-specific single-post layouts: blog (default), youtube, short.
   Scoped under .mht-post-single--{type}. Blog inherits the existing
   .mht-post-single rules unchanged.
   ========================================================================== */

/* ---- YouTube: responsive 16:9 embed ---- */
.mht-post-single--youtube .mht-post-single__video-section {
	padding-block: clamp(20px, 3vw, 40px);
}
.mht-post-single--youtube .mht-post-single__video-inner {
	width: var(--site-w);
	max-width: var(--site-max);
	margin-inline: auto;
}
.mht-post-single--youtube .mht-post-single__embed {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid rgba(197, 166, 211, 0.10);
	background: #050505;
	box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.55);
}
.mht-post-single--youtube .mht-post-single__embed iframe,
.mht-post-single--youtube .mht-post-single__embed object,
.mht-post-single--youtube .mht-post-single__embed embed {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
	display: block;
}
/* Fallback cover keeps the standard 16:9 treatment. */
.mht-post-single--youtube .mht-post-single__cover {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid rgba(197, 166, 211, 0.10);
	background: #050505;
	box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.55);
}
.mht-post-single--youtube .mht-post-single__media-link {
	margin: 18px 0 0;
}
/* Slightly wider reading column for video notes. */
.mht-post-single--youtube .mht-post-single__body--wide .mht-post-single__content {
	max-width: 78ch;
}

/* ---- Short / Reel: vertical-first, two-column on desktop ---- */
.mht-post-single--short .mht-post-single__short {
	padding-block: clamp(110px, 14vw, 168px) clamp(32px, 5vw, 64px);
}
.mht-post-single--short .mht-post-single__short-inner {
	width: var(--site-w);
	max-width: var(--site-max);
	margin-inline: auto;
	display: grid;
	grid-template-columns: minmax(280px, 380px) 1fr;
	gap: clamp(28px, 4vw, 56px);
	align-items: start;
}
@media (max-width: 820px) {
	.mht-post-single--short .mht-post-single__short-inner {
		grid-template-columns: 1fr;
		gap: clamp(24px, 6vw, 36px);
	}
}
.mht-post-single--short .mht-post-single__short-media {
	position: sticky;
	top: 96px;
}
@media (max-width: 820px) {
	.mht-post-single--short .mht-post-single__short-media {
		position: static;
		max-width: 380px;
	}
}
.mht-post-single--short .mht-post-single__reel {
	position: relative;
	aspect-ratio: 9 / 16;
	border-radius: 22px;
	overflow: hidden;
	border: 1px solid rgba(197, 166, 211, 0.12);
	background: #050505;
	box-shadow: 0 36px 70px -30px rgba(0, 0, 0, 0.6);
}
.mht-post-single--short .mht-post-single__reel-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	z-index: 0;
}
.mht-post-single--short .mht-post-single__reel-embed {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.mht-post-single--short .mht-post-single__reel-embed iframe,
.mht-post-single--short .mht-post-single__reel-embed object,
.mht-post-single--short .mht-post-single__reel-embed embed {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
	display: block;
}
.mht-post-single--short .mht-post-single__reel .mht-post-single__cover-placeholder {
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(ellipse 60% 50% at 30% 25%, rgba(142, 99, 163, 0.40), transparent 60%),
		radial-gradient(ellipse 50% 40% at 75% 80%, rgba(183, 140, 255, 0.26), transparent 65%),
		linear-gradient(160deg, #1B1620 0%, #141017 100%);
}
.mht-post-single--short .mht-post-single__media-link {
	margin: 16px 0 0;
}
.mht-post-single--short .mht-post-single__short-content {
	padding-top: 4px;
}
.mht-post-single--short .mht-post-single__short-content .mht-post-single__title {
	max-width: 18ch;
}
.mht-post-single--short .mht-post-single__short-content .mht-post-single__content {
	max-width: 60ch;
	margin-top: 18px;
}

/* ── PHASE 10.4.1 POST SINGLE HEADER CONSISTENCY ── */
.mht-post-single__hero {
  position: relative;
  overflow: clip;
  isolation: isolate;
  padding-block: clamp(110px, 14vw, 168px) clamp(40px, 5vw, 64px);
}
.mht-post-single__hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(ellipse 60% 50% at 18% 30%, rgba(142,99,163,.22), transparent 60%),
    radial-gradient(ellipse 50% 40% at 82% 24%, rgba(183,140,255,.14), transparent 65%);
  pointer-events: none;
}
.mht-post-single__hero-inner {
  position: relative;
  z-index: 1;
}

/* ── PHASE 10.4.2 FILTER BAR CHIP NOWRAP ── */
.mht-thinking-page .mht-thinking-filter__chip {
	white-space: nowrap;
	flex-shrink: 0;
}
/* Divider between groups — subtle vertical line using the label */
.mht-thinking-page .mht-thinking-filter__label:not(:first-child) {
	border-left: .5px solid rgba(255,255,255,.08);
}

/* ── PHASE 10.4.3 THINKING FILTER BAR — SINGLE HORIZONTAL ROW ── */

/* Outer filter bar container — one single horizontal scrollable row */
.mht-thinking-page .mht-thinking-page__filters {
	padding-block: clamp(10px, 1.8vw, 20px) clamp(6px, 1vw, 12px);
}

.mht-thinking-page .mht-thinking-filter {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 6px 8px !important;
	overflow-x: auto !important;
	overflow-y: visible !important;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding: 8px 2px 10px;
	/* Subtle polished bar background */
	background: rgba(27,22,32,.55);
	border: 1px solid rgba(197,166,211,.09);
	border-radius: 40px;
	padding-inline: 16px;
}
.mht-thinking-page .mht-thinking-filter::-webkit-scrollbar { display: none; }

/* All __row divs collapse — their children flow directly into the bar */
.mht-thinking-page .mht-thinking-filter__row {
	display: contents !important;
}

/* Labels — separator style, flex-shrink: 0 */
.mht-thinking-page .mht-thinking-filter__label {
	white-space: nowrap;
	flex-shrink: 0;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--text-faint, #7C7284);
	padding: 0 6px;
	/* Visual separator before each group label (except first) */
	position: relative;
}
.mht-thinking-page .mht-thinking-filter__label:not(:first-child) {
	border-left: .5px solid rgba(255,255,255,.08);
	margin-left: 4px;
	padding-left: 10px;
}

/* Chips — always on one line */
.mht-thinking-page .mht-thinking-filter__chip {
	display: inline-flex !important;
	align-items: center;
	padding: 5px 13px;
	border-radius: 999px;
	border: 1px solid rgba(197,166,211,.18);
	background: rgba(245,243,247,.02);
	color: var(--text-secondary, #DDD6E3);
	font-size: 12px;
	letter-spacing: .02em;
	text-decoration: none;
	white-space: nowrap;
	flex-shrink: 0;
	transition: border-color 220ms ease, background 220ms ease, color 220ms ease;
}
.mht-thinking-page .mht-thinking-filter__chip:hover {
	border-color: rgba(183,140,255,.45);
	color: var(--text-primary, #F6F2F7);
}
.mht-thinking-page .mht-thinking-filter__chip.is-active {
	background: var(--accent-lime, #B78CFF);
	border-color: var(--accent-lime, #B78CFF);
	color: #0D0D0D;
	font-weight: 600;
}


/* Phase 80 fallback hero foundation — moved from inline template styles. */
.mht-thinking-page__fallback-hero-inner {
  width: var(--site-w);
  max-width: var(--site-max);
  margin-inline: auto;
  text-align: left;
  padding-block: clamp(90px, 12vw, 140px) clamp(40px, 5vw, 64px);
}

.mht-thinking-page__fallback-heading { max-width: 22ch; }
.mht-thinking-page__fallback-copy { max-width: 60ch; margin-top: 18px; }


/* =====================================================
   MH Theme — Phase 82 Thinking navigation class reuse
   Scope: layout only. Hover/active styles come from the real header
   classes (.mht-nav__inner + .mht-nav__link), not from copied styles.
   ===================================================== */

/* Single post light mode: engagement and comments. */
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-engage,
html[data-mht-theme="light"] .mht-post-single .mht-post-engage {
	background: rgba(255,255,255,.64) !important;
	border-color: rgba(142,99,163,.20) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.82),
		0 22px 58px rgba(76,52,93,.08) !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-engage__hint,
html[data-mht-theme="light"] .mht-post-single .mht-post-engage__hint {
	color: rgba(47,31,58,.58) !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-like,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-share__toggle,
html[data-mht-theme="light"] .mht-post-single .mht-post-like,
html[data-mht-theme="light"] .mht-post-single .mht-post-share__toggle {
	background: rgba(255,255,255,.62) !important;
	border-color: rgba(142,99,163,.24) !important;
	color: #2F1F3A !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-like:hover,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-like.is-liked,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-share__toggle:hover,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-share.is-open .mht-post-share__toggle,
html[data-mht-theme="light"] .mht-post-single .mht-post-like:hover,
html[data-mht-theme="light"] .mht-post-single .mht-post-like.is-liked,
html[data-mht-theme="light"] .mht-post-single .mht-post-share__toggle:hover,
html[data-mht-theme="light"] .mht-post-single .mht-post-share.is-open .mht-post-share__toggle {
	background: rgba(230,216,255,.78) !important;
	border-color: rgba(142,99,163,.42) !important;
	color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-like__heart,
html[data-mht-theme="light"] .mht-post-single .mht-post-like__heart {
	color: #8E63A3 !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-share__menu,
html[data-mht-theme="light"] .mht-post-single .mht-post-share__menu {
	background: rgba(255,255,255,.92) !important;
	border-color: rgba(142,99,163,.20) !important;
	box-shadow: 0 18px 48px rgba(76,52,93,.14) !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-share__item,
html[data-mht-theme="light"] .mht-post-single .mht-post-share__item {
	color: #4C345D !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-share__item:hover,
html[data-mht-theme="light"] .mht-post-single .mht-post-share__item:hover {
	background: rgba(230,216,255,.58) !important;
	color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .comment-respond,
html[data-mht-theme="light"] .mht-post-single .comment-respond {
	background: rgba(255,255,255,.66) !important;
	border-color: rgba(142,99,163,.18) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.82),
		0 22px 58px rgba(76,52,93,.08) !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .comment-reply-title,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-comments__title,
html[data-mht-theme="light"] .mht-post-single .comment-reply-title,
html[data-mht-theme="light"] .mht-post-single .mht-post-comments__title {
	color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .comment-respond,
html[data-mht-theme-effective="light"] .mht-post-single .comment-respond p,
html[data-mht-theme-effective="light"] .mht-post-single .logged-in-as,
html[data-mht-theme="light"] .mht-post-single .comment-respond,
html[data-mht-theme="light"] .mht-post-single .comment-respond p,
html[data-mht-theme="light"] .mht-post-single .logged-in-as {
	color: rgba(47,31,58,.78) !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .comment-form label,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-comments__form label,
html[data-mht-theme="light"] .mht-post-single .comment-form label,
html[data-mht-theme="light"] .mht-post-single .mht-post-comments__form label {
	color: rgba(47,31,58,.62) !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .comment-form-comment textarea,
html[data-mht-theme-effective="light"] .mht-post-single .comment-form-author input,
html[data-mht-theme-effective="light"] .mht-post-single .comment-form-email input,
html[data-mht-theme-effective="light"] .mht-post-single .comment-form-url input,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-comments__form .comment-form-comment textarea,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-comments__form input[type="text"],
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-comments__form input[type="email"],
html[data-mht-theme="light"] .mht-post-single .comment-form-comment textarea,
html[data-mht-theme="light"] .mht-post-single .comment-form-author input,
html[data-mht-theme="light"] .mht-post-single .comment-form-email input,
html[data-mht-theme="light"] .mht-post-single .comment-form-url input,
html[data-mht-theme="light"] .mht-post-single .mht-post-comments__form .comment-form-comment textarea,
html[data-mht-theme="light"] .mht-post-single .mht-post-comments__form input[type="text"],
html[data-mht-theme="light"] .mht-post-single .mht-post-comments__form input[type="email"] {
	background: rgba(255,255,255,.72) !important;
	border-color: rgba(142,99,163,.22) !important;
	color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .comment-form-comment textarea:focus,
html[data-mht-theme-effective="light"] .mht-post-single .comment-form-author input:focus,
html[data-mht-theme-effective="light"] .mht-post-single .comment-form-email input:focus,
html[data-mht-theme-effective="light"] .mht-post-single .comment-form-url input:focus,
html[data-mht-theme="light"] .mht-post-single .comment-form-comment textarea:focus,
html[data-mht-theme="light"] .mht-post-single .comment-form-author input:focus,
html[data-mht-theme="light"] .mht-post-single .comment-form-email input:focus,
html[data-mht-theme="light"] .mht-post-single .comment-form-url input:focus {
	border-color: rgba(142,99,163,.52) !important;
	box-shadow: 0 0 0 4px rgba(183,140,255,.13) !important;
}

html[data-mht-theme-effective="light"] .mht-post-comments__list .mht-comment__body,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-comments__list .comment-body,
html[data-mht-theme="light"] .mht-post-comments__list .mht-comment__body,
html[data-mht-theme="light"] .mht-post-single .mht-post-comments__list .comment-body {
	background: rgba(255,255,255,.60) !important;
	border-color: rgba(142,99,163,.16) !important;
	color: rgba(47,31,58,.78) !important;
	box-shadow: 0 14px 36px rgba(76,52,93,.055) !important;
}

html[data-mht-theme-effective="light"] .mht-post-comments__list .mht-comment__author,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-comments__list .comment-author,
html[data-mht-theme="light"] .mht-post-comments__list .mht-comment__author,
html[data-mht-theme="light"] .mht-post-single .mht-post-comments__list .comment-author {
	color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-post-comments__list .mht-comment__content,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-comments__list .comment-body,
html[data-mht-theme="light"] .mht-post-comments__list .mht-comment__content,
html[data-mht-theme="light"] .mht-post-single .mht-post-comments__list .comment-body {
	color: rgba(47,31,58,.78) !important;
}

html[data-mht-theme-effective="light"] .mht-post-comments__list .mht-comment__date,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-comments__list .comment-meta,
html[data-mht-theme="light"] .mht-post-comments__list .mht-comment__date,
html[data-mht-theme="light"] .mht-post-single .mht-post-comments__list .comment-meta {
	color: rgba(47,31,58,.52) !important;
}

@media (max-width: 780px) {
	.mht-thinking-page .mht-thinking-page__filters {
		position: static;
		margin-block: clamp(8px, 3vw, 16px) clamp(20px, 6vw, 32px);
	}

	.mht-thinking-page .mht-thinking-filter {
		min-height: 52px;
		padding-inline: 16px;
		gap: 22px;
	}

	.mht-post-single .mido-post-toc__inner {
		max-height: none;
	}
}

/* ── Phase 85: no-refresh Thinking filter state ── */
.mht-thinking-page .mht-thinking-page__results {
  transition:
    opacity 260ms var(--ease-out, cubic-bezier(.22, .61, .36, 1)),
    transform 260ms var(--ease-out, cubic-bezier(.22, .61, .36, 1));
}

.mht-thinking-page.is-filtering .mht-thinking-page__results {
  opacity: .48;
  transform: translateY(6px);
  pointer-events: none;
}

.mht-thinking-page.is-filtering .mht-thinking-filter {
  cursor: progress;
}

.mht-thinking-page.is-filtering .mht-thinking-filter .mht-nav__link {
  pointer-events: none;
}


/* =====================================================
   MH Theme — Phase 87 Single Article Polish
   Scope: single Thinking posts only. No header, mobile dock, TOC structure,
   Thinking filter behavior, utility control, or homepage section ownership.
   ===================================================== */

/* Editorial reading rhythm */
.mht-post-single .mht-post-single__body {
  padding-block: clamp(44px, 6vw, 84px) clamp(52px, 7vw, 104px);
}

.mht-post-single .mht-post-single__content {
  font-size: clamp(1rem, .96rem + .18vw, 1.075rem);
  line-height: 1.82;
  text-wrap: pretty;
}

.mht-post-single .mht-post-single__content > :where(p, ul, ol, blockquote, figure, pre, table, .wp-block-image, .wp-block-embed) + :where(h2, h3) {
  margin-top: clamp(2.35em, 5vw, 3.1em);
}

.mht-post-single .mht-post-single__content h2,
.mht-post-single .mht-post-single__content h3,
.mht-post-single .mht-post-single__content h4 {
  letter-spacing: -.035em;
  line-height: 1.12;
}

.mht-post-single .mht-post-single__content h2 {
  font-size: clamp(1.85rem, 1.35rem + 1.55vw, 2.65rem);
}

.mht-post-single .mht-post-single__content h3 {
  font-size: clamp(1.45rem, 1.15rem + .9vw, 1.95rem);
}

.mht-post-single .mht-post-single__content h4 {
  font-family: var(--font-sans, "Blauer Nue", system-ui, sans-serif);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1.45;
  text-transform: uppercase;
}

.mht-post-single .mht-post-single__content p {
  margin: 0 0 1.18em;
}

.mht-post-single .mht-post-single__content :where(ul, ol) {
  margin: 1.1em 0 1.35em;
  padding-inline-start: 1.35em;
}

.mht-post-single .mht-post-single__content li {
  padding-inline-start: .12em;
}

.mht-post-single .mht-post-single__content li + li {
  margin-top: .56em;
}

.mht-post-single .mht-post-single__content a {
  color: #C5A6D3;
  text-decoration-color: rgba(197, 166, 211, .58);
  transition: color 180ms var(--ease-out), text-decoration-color 180ms var(--ease-out);
}

.mht-post-single .mht-post-single__content a:hover {
  color: #E6D8FF;
  text-decoration-color: rgba(230, 216, 255, .9);
}

/* Stronger editorial blocks */
.mht-post-single .mht-post-single__content blockquote,
.mht-post-single .mht-post-single__content .wp-block-quote {
  margin: clamp(32px, 5vw, 52px) 0;
  padding: clamp(22px, 3vw, 32px) clamp(22px, 3.4vw, 38px);
  border: 1px solid rgba(197, 166, 211, .16);
  border-left: 2px solid rgba(183, 140, 255, .72);
  border-radius: 20px;
  background:
    radial-gradient(circle 280px at 92% 0%, rgba(183, 140, 255, .10), transparent 68%),
    rgba(255, 255, 255, .035);
  color: var(--text-primary, #F6F2F7);
  font-style: normal;
  box-shadow: 0 20px 52px rgba(0, 0, 0, .16);
}

.mht-post-single .mht-post-single__content blockquote p,
.mht-post-single .mht-post-single__content .wp-block-quote p {
  font-size: clamp(1.08rem, 1rem + .35vw, 1.28rem);
  line-height: 1.65;
}

.mht-post-single .mht-post-single__content figure,
.mht-post-single .mht-post-single__content .wp-block-image,
.mht-post-single .mht-post-single__content .wp-block-embed {
  margin-block: clamp(30px, 5vw, 54px);
}

.mht-post-single .mht-post-single__content img,
.mht-post-single .mht-post-single__content iframe,
.mht-post-single .mht-post-single__content .wp-block-embed__wrapper {
  border-radius: 18px;
}

.mht-post-single .mht-post-single__content img {
  box-shadow: 0 24px 58px rgba(0, 0, 0, .22);
}

.mht-post-single .mht-post-single__content figcaption,
.mht-post-single .mht-post-single__content .wp-element-caption {
  max-width: 58ch;
  margin-inline: auto;
  color: var(--text-faint, #7C7284);
  font-size: .82rem;
}

.mht-post-single .mht-post-single__content pre,
.mht-post-single .mht-post-single__content .wp-block-code {
  margin-block: clamp(28px, 4vw, 44px);
  border-color: rgba(197, 166, 211, .16);
  background: rgba(13, 13, 13, .62);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.mht-post-single .mht-post-single__content table,
.mht-post-single .mht-post-single__content .wp-block-table table {
  overflow: hidden;
  border-radius: 16px;
}

/* Engagement and comments: better rhythm */
.mht-post-single .mht-post-likes-section {
  padding-block: clamp(4px, 1vw, 10px) 0;
}

.mht-post-engage {
  border-radius: 18px;
  padding: clamp(16px, 2.3vw, 22px) clamp(18px, 2.8vw, 26px);
}

.mht-post-engage__hint {
  max-width: 34ch;
  line-height: 1.5;
}

.mht-post-single .mht-post-single__comments-section {
  padding-block: clamp(30px, 5vw, 62px);
}

.mht-post-comments__title,
.mht-post-comments__form-title {
  letter-spacing: -.035em;
}

.mht-post-comments__list {
  gap: clamp(14px, 2vw, 20px);
}

.mht-post-comments__list .mht-comment__body {
  padding: clamp(16px, 2.2vw, 22px);
  border-radius: 18px;
}

.mht-post-comments__list .children {
  margin-left: clamp(16px, 4vw, 34px);
  padding-left: clamp(12px, 2vw, 18px);
  border-left: 1px solid rgba(197, 166, 211, .14);
}

.mht-post-comments__form textarea {
  min-height: 138px;
}

/* Single article light mode polish */
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content,
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content {
  color: rgba(47, 31, 58, .82);
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content :where(h2, h3, h4, strong, b),
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content :where(h2, h3, h4, strong, b) {
  color: #2F1F3A;
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content a,
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content a {
  color: #8E63A3;
  text-decoration-color: rgba(142, 99, 163, .42);
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content a:hover,
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content a:hover {
  color: #4C345D;
  text-decoration-color: rgba(76, 52, 93, .68);
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content blockquote,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content .wp-block-quote,
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content blockquote,
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content .wp-block-quote {
  background:
    radial-gradient(circle 320px at 92% 0%, rgba(230, 216, 255, .72), transparent 68%),
    rgba(255, 255, 255, .68);
  border-color: rgba(142, 99, 163, .20);
  border-left-color: rgba(142, 99, 163, .64);
  color: #2F1F3A;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .76),
    0 20px 56px rgba(76, 52, 93, .08);
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content figcaption,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content .wp-element-caption,
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content figcaption,
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content .wp-element-caption {
  color: rgba(47, 31, 58, .54);
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content code,
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content code {
  background: rgba(230, 216, 255, .44);
  color: #2F1F3A;
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content pre,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content .wp-block-code,
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content pre,
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content .wp-block-code {
  background: rgba(255, 255, 255, .76);
  border-color: rgba(142, 99, 163, .18);
  color: #2F1F3A;
  box-shadow: 0 16px 42px rgba(76, 52, 93, .07);
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content th,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content td,
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content th,
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content td {
  border-color: rgba(76, 52, 93, .14);
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-single__content th,
html[data-mht-theme="light"] .mht-post-single .mht-post-single__content th {
  background: rgba(230, 216, 255, .34);
  color: #2F1F3A;
}

/* Light mode engagement/comments: stronger brand-safe contrast */
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-engage,
html[data-mht-theme="light"] .mht-post-single .mht-post-engage {
  background:
    radial-gradient(circle 280px at 90% 0%, rgba(230, 216, 255, .62), transparent 68%),
    rgba(255, 255, 255, .72) !important;
  border-color: rgba(142, 99, 163, .22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    0 22px 56px rgba(76, 52, 93, .075) !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-engage__hint,
html[data-mht-theme="light"] .mht-post-single .mht-post-engage__hint {
  color: rgba(47, 31, 58, .66) !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-like,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-share__toggle,
html[data-mht-theme="light"] .mht-post-single .mht-post-like,
html[data-mht-theme="light"] .mht-post-single .mht-post-share__toggle {
  background: rgba(246, 242, 247, .82) !important;
  border-color: rgba(142, 99, 163, .26) !important;
  color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .mht-post-like:hover,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-like.is-liked,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-share__toggle:hover,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-share.is-open .mht-post-share__toggle,
html[data-mht-theme="light"] .mht-post-single .mht-post-like:hover,
html[data-mht-theme="light"] .mht-post-single .mht-post-like.is-liked,
html[data-mht-theme="light"] .mht-post-single .mht-post-share__toggle:hover,
html[data-mht-theme="light"] .mht-post-single .mht-post-share.is-open .mht-post-share__toggle {
  background: rgba(230, 216, 255, .82) !important;
  border-color: rgba(142, 99, 163, .48) !important;
  color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .comment-respond,
html[data-mht-theme="light"] .mht-post-single .comment-respond {
  background:
    radial-gradient(circle 320px at 92% 0%, rgba(230, 216, 255, .56), transparent 70%),
    rgba(255, 255, 255, .72) !important;
  border-color: rgba(142, 99, 163, .20) !important;
}

html[data-mht-theme-effective="light"] .mht-post-comments__list .mht-comment__body,
html[data-mht-theme-effective="light"] .mht-post-single .mht-post-comments__list .comment-body,
html[data-mht-theme="light"] .mht-post-comments__list .mht-comment__body,
html[data-mht-theme="light"] .mht-post-single .mht-post-comments__list .comment-body {
  background: rgba(255, 255, 255, .68) !important;
  border-color: rgba(142, 99, 163, .18) !important;
  box-shadow: 0 16px 42px rgba(76, 52, 93, .06) !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .comment-form-comment textarea,
html[data-mht-theme-effective="light"] .mht-post-single .comment-form-author input,
html[data-mht-theme-effective="light"] .mht-post-single .comment-form-email input,
html[data-mht-theme-effective="light"] .mht-post-single .comment-form-url input,
html[data-mht-theme="light"] .mht-post-single .comment-form-comment textarea,
html[data-mht-theme="light"] .mht-post-single .comment-form-author input,
html[data-mht-theme="light"] .mht-post-single .comment-form-email input,
html[data-mht-theme="light"] .mht-post-single .comment-form-url input {
  background: rgba(255, 255, 255, .82) !important;
  border-color: rgba(142, 99, 163, .24) !important;
  color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-post-single .comment-form-comment textarea::placeholder,
html[data-mht-theme-effective="light"] .mht-post-single .comment-form-author input::placeholder,
html[data-mht-theme-effective="light"] .mht-post-single .comment-form-email input::placeholder,
html[data-mht-theme-effective="light"] .mht-post-single .comment-form-url input::placeholder,
html[data-mht-theme="light"] .mht-post-single .comment-form-comment textarea::placeholder,
html[data-mht-theme="light"] .mht-post-single .comment-form-author input::placeholder,
html[data-mht-theme="light"] .mht-post-single .comment-form-email input::placeholder,
html[data-mht-theme="light"] .mht-post-single .comment-form-url input::placeholder {
  color: rgba(47, 31, 58, .42) !important;
}

html[data-mht-theme-effective="light"] .mht-post-comments__submit,
html[data-mht-theme-effective="light"] .mht-post-comments__form input[type="submit"],
html[data-mht-theme="light"] .mht-post-comments__submit,
html[data-mht-theme="light"] .mht-post-comments__form input[type="submit"] {
  border-color: rgba(142, 99, 163, .52) !important;
  color: #2F1F3A !important;
}

html[data-mht-theme-effective="light"] .mht-post-comments__submit:hover,
html[data-mht-theme-effective="light"] .mht-post-comments__form input[type="submit"]:hover,
html[data-mht-theme="light"] .mht-post-comments__submit:hover,
html[data-mht-theme="light"] .mht-post-comments__form input[type="submit"]:hover {
  background: #8E63A3 !important;
  border-color: #8E63A3 !important;
  color: #F6F2F7 !important;
}

/* Mobile article readability */
@media (max-width: 680px) {
  .mht-post-single .mht-post-single__cover-section {
    padding-block: clamp(12px, 4vw, 24px);
  }

  .mht-post-single .mht-post-single__body {
    padding-block: clamp(32px, 8vw, 54px) clamp(42px, 10vw, 72px);
  }

  .mht-post-single .mht-post-single__content {
    font-size: 1rem;
    line-height: 1.78;
  }

  .mht-post-single .mht-post-single__content h2 {
    font-size: clamp(1.65rem, 8vw, 2.18rem);
  }

  .mht-post-engage,
  .mht-post-engage__actions {
    align-items: stretch;
    width: 100%;
  }

  .mht-post-engage__actions,
  .mht-post-like,
  .mht-post-share,
  .mht-post-share__toggle {
    width: 100%;
  }

  .mht-post-like,
  .mht-post-share__toggle {
    justify-content: center;
  }

  .mht-post-share__menu {
    left: 0;
    right: 0;
    min-width: 0;
  }
}

/* Phase 151D.1 final override — keep related Thinking placeholders out of black-box state. */
.mht-thinking-page .mht-thinking-card.has-placeholder .mht-thinking-card__media,
.mht-post-single .mht-thinking-card.has-placeholder .mht-thinking-card__media {
	background:
		radial-gradient(circle at 22% 24%, rgba(183, 140, 255, 0.28), transparent 34%),
		radial-gradient(circle at 74% 72%, rgba(197, 166, 211, 0.16), transparent 38%),
		linear-gradient(135deg, rgba(27, 22, 32, 0.96) 0%, rgba(20, 16, 23, 0.98) 52%, rgba(47, 31, 58, 0.92) 100%);
	border: 1px solid rgba(197, 166, 211, 0.16);
}
.mht-thinking-page .mht-thinking-card.has-placeholder .mht-thinking-card__placeholder,
.mht-post-single .mht-thinking-card.has-placeholder .mht-thinking-card__placeholder {
	background:
		radial-gradient(circle at 20% 26%, rgba(183, 140, 255, 0.30), transparent 32%),
		radial-gradient(circle at 76% 66%, rgba(197, 166, 211, 0.18), transparent 36%),
		linear-gradient(135deg, rgba(27, 22, 32, 0.90), rgba(20, 16, 23, 0.94) 50%, rgba(47, 31, 58, 0.88));
}
html[data-mht-theme-effective="light"] .mht-thinking-page .mht-thinking-card.has-placeholder .mht-thinking-card__media,
html[data-mht-theme="light"] .mht-thinking-page .mht-thinking-card.has-placeholder .mht-thinking-card__media,
html[data-mht-theme-effective="light"] .mht-post-single .mht-thinking-card.has-placeholder .mht-thinking-card__media,
html[data-mht-theme="light"] .mht-post-single .mht-thinking-card.has-placeholder .mht-thinking-card__media {
	background:
		radial-gradient(circle at 22% 24%, rgba(183, 140, 255, 0.18), transparent 34%),
		radial-gradient(circle at 76% 70%, rgba(142, 99, 163, 0.10), transparent 38%),
		linear-gradient(135deg, rgba(251, 248, 253, 0.96) 0%, rgba(246, 242, 247, 0.98) 54%, rgba(230, 216, 255, 0.78) 100%);
	border-color: rgba(76, 52, 93, 0.14);
}
html[data-mht-theme-effective="light"] .mht-thinking-page .mht-thinking-card.has-placeholder .mht-thinking-card__placeholder,
html[data-mht-theme="light"] .mht-thinking-page .mht-thinking-card.has-placeholder .mht-thinking-card__placeholder,
html[data-mht-theme-effective="light"] .mht-post-single .mht-thinking-card.has-placeholder .mht-thinking-card__placeholder,
html[data-mht-theme="light"] .mht-post-single .mht-thinking-card.has-placeholder .mht-thinking-card__placeholder {
	background:
		radial-gradient(circle at 22% 24%, rgba(183, 140, 255, 0.20), transparent 33%),
		radial-gradient(circle at 76% 68%, rgba(142, 99, 163, 0.12), transparent 38%),
		linear-gradient(135deg, rgba(251, 248, 253, 0.92), rgba(246, 242, 247, 0.98) 52%, rgba(230, 216, 255, 0.70));
}