/* CompactCSS source: /heichelos/post/styles/reader-inline-extracted.css */
/* B"H — extracted from _awtsmoos.post.html #awtsmoos-plain-fallback */
/* B"H — Yaakov's law: no blank screens ever. If any reader stylesheet
		   fails, this inline block keeps every surface (post body, comments,
		   settings, chapter nav, sources) readable as clean plain text.
		   Element selectors only, placed before the <link> stylesheets, so the
		   real CSS overrides cleanly when it loads. */
		html { -webkit-text-size-adjust: 100%; }
		body {
			font-family: "Frank Ruhl Libre", "Cardo", "Times New Roman", serif;
			font-size: 19px; line-height: 1.75; color: #1a1a1a; background: #fffdf7;
			margin: 0; padding: 0 16px 64px;
		}
		html[data-theme="dark"] body { color: #e9e3d3; background: #14110b; }
		body [dir="rtl"] { text-align: right; }
		body h1 { font-size: 1.7em; line-height: 1.3; margin: 0.8em 0 0.5em; }
		body h2 { font-size: 1.35em; line-height: 1.35; margin: 1em 0 0.4em; }
		body h3 { font-size: 1.15em; margin: 0.9em 0 0.3em; }
		body p { margin: 0.7em 0; max-width: 44em; }
		body a { color: #0b5cad; text-decoration: underline; }
		html[data-theme="dark"] body a { color: #7db8f0; }
		body img { max-width: 100%; height: auto; }
		body button { font: inherit; padding: 0.5em 1em; }
		body #realPost { min-height: 40vh; }
		/* Honest notice shown only when stylesheets actually failed. */
		#awtsmoos-style-notice {
			display: none; font-family: system-ui, -apple-system, sans-serif; font-size: 14px;
			line-height: 1.5; background: #fff8e1; color: #5d4037;
			border: 1px solid #e0c36a; border-radius: 8px;
			padding: 10px 14px; margin: 12px auto; max-width: 44em; text-align: center;
		}
		#awtsmoos-style-notice[data-show="1"] { display: block; }

/* B"H — extracted from _awtsmoos.post.html #awtsmoos-reader-contrast-fix */
/* B"H — inline contrast fix: readable article text in both themes.
		   Inline in the template to bypass @import chain / bundle caching issues.
		   Uses :root-prefixed selectors for specificity instead of !important. */
		:root .post-reader-localized-context .sub-awtsmoos.heb,
		:root .post-reader-localized-context .heb {
			color: var(--sefer-reader-ink);
		}
		:root[data-theme="dark"] .post-reader-localized-context .sub-awtsmoos.heb,
		:root[data-theme="dark"] .post-reader-localized-context .heb {
			color: var(--sefer-reader-ink);
		}
		:root[data-theme="dark"] .post-reader-localized-context,
		:root[data-theme="dark"] .post-reader-localized-context .section {
			background-color: var(--sefer-reader-bg);
			background: var(--sefer-reader-bg);
		}

/* B"H — extracted from _awtsmoos.post.html #awtsmoos-scribe-lens-panel */
/* B"H — Scribe's Lens panel: dream design. Bottom sheet, icon tiles,
		   gold accents, flat rows. Inline in template to bypass @import chain
		   fragility. Yaakov's Law 1: NEVER use !important. Specificity via
		   :root prefix. Tokens: no hardcoded colors outside token defs. */

		/* ---- Panel tokens ---- */
		:root .post-reader-localized-context {
			--lens-bg: #f6f0e3;
			--lens-bg-deep: #eee3cd;
			--lens-ink: #3b2c1e;
			--lens-soft: #8d7b60;
			--lens-gold: #c79a4b;
			--lens-gold-deep: #a1762b;
			--lens-tile: #fcf8ed;
			--lens-tile-ink: #a67c2e;
			--lens-field: #fffdf7;
			--lens-hairline: rgb(120 80 30 / 16%);
			--lens-track: rgb(120 80 30 / 20%);
			--lens-shadow: rgb(30 18 6 / 26%);
			/* B"H — tokenized fixed accents: no hardcoded colors at usage sites. */
			--lens-on-gold: #fffdf7;
			--lens-active-ink: #fffdf6;
			--lens-lang-idle: #6d5a43;
			--lens-lang-hover: #21160a;
			--lens-lang-focus: #8a6d1a;
		}
		:root[data-theme="dark"] .post-reader-localized-context {
			--lens-bg: #231a10;
			--lens-bg-deep: #171008;
			--lens-ink: #f3e9d6;
			--lens-soft: #a8926c;
			--lens-gold: #d9a94e;
			--lens-gold-deep: #e8bc6d;
			--lens-tile: rgb(255 255 255 / 6%);
			--lens-tile-ink: #d9a94e;
			--lens-field: rgb(255 255 255 / 7%);
			--lens-hairline: rgb(255 255 255 / 11%);
			--lens-track: rgb(255 255 255 / 16%);
			--lens-shadow: rgb(0 0 0 / 55%);
			/* B"H — tokenized fixed accents: no hardcoded colors at usage sites. */
			--lens-on-gold: #fffdf7;
			--lens-active-ink: #241a08;
			--lens-lang-idle: #9fb3ca;
			--lens-lang-hover: #f8fbff;
			--lens-lang-focus: #7fe8ff;
		}

		/* GUARANTEE: panel NEVER visible by default. (0,3,1) beats everything. */
		:root .post-reader-localized-context .typography-details.hidden-details,
		:root .post-reader-localized-context #typographyDetails.hidden-details {
			display: none;
			visibility: hidden;
		}

		/* Overlay — warm dim + blur, like the dream's softened page */
		:root .post-reader-localized-context .scribe-lens-overlay {
			position: fixed;
			inset: 0;
			z-index: 3050;
			background: rgb(43 30 15 / 46%);
			-webkit-backdrop-filter: blur(3px);
			backdrop-filter: blur(3px);
			opacity: 0;
			pointer-events: none;
			transition: opacity 200ms ease;
		}
		:root .post-reader-localized-context:has(.typography-details:not(.hidden-details)) .scribe-lens-overlay {
			opacity: 1;
			pointer-events: auto;
		}

		/* Panel shell — flush bottom sheet, rounded top, grab handle */
		:root .post-reader-localized-context .typography-details {
			position: fixed;
			z-index: 3060;
			inset-inline: 0;
			bottom: 0;
			inline-size: min(36rem, 100%);
			margin-inline: auto;
			max-block-size: min(92dvh, 54rem);
			display: flex;
			flex-direction: column;
			border: 0;
			border-radius: 1.9rem 1.9rem 0 0;
			background: linear-gradient(180deg, var(--lens-bg), var(--lens-bg-deep));
			box-shadow: 0 -1.2rem 5rem var(--lens-shadow), inset 0 1px 0 rgb(255 255 255 / 45%);
			color: var(--lens-ink);
			overflow: hidden;
			padding-top: 2rem;
		}
		:root .post-reader-localized-context .typography-details::before {
			content: "";
			position: absolute;
			top: .7rem;
			left: 50%;
			transform: translateX(-50%);
			inline-size: 2.9rem;
			block-size: .32rem;
			border-radius: 999px;
			background: var(--lens-track);
		}

		/* Panel content scroll area — flat rows */
		:root .post-reader-localized-context .typography-content {
			display: grid;
			gap: 0;
			padding: .2rem 1.3rem 1.1rem;
			overflow-y: auto;
			overscroll-behavior: contain;
		}
		:root .post-reader-localized-context .typography-content > .settings-group {
			display: grid;
			gap: .85rem;
			min-inline-size: 0;
			padding: 1.05rem .1rem;
			border: 0;
			border-radius: 0;
			background: transparent;
			box-shadow: none;
			border-bottom: 1px solid var(--lens-hairline);
		}
		:root .post-reader-localized-context .typography-content > .settings-group:last-child {
			border-bottom: 0;
		}
		:root .post-reader-localized-context .settings-group .settings-group {
			padding: 0;
			border: 0;
			border-radius: 0;
			background: transparent;
			box-shadow: none;
		}

		/* Row titles (dream: bold normal-case, not uppercase) */
		:root .post-reader-localized-context .typography-content .control-label {
			color: var(--lens-ink);
			font-size: 1.04rem;
			font-weight: 700;
			letter-spacing: 0;
			text-transform: none;
			margin: 0;
		}
		:root .post-reader-localized-context .typography-content .setting-name {
			color: var(--lens-ink);
			font-size: 1.04rem;
			font-weight: 700;
			letter-spacing: 0;
			text-transform: none;
		}

		/* Header: serif title + close button */
		:root .post-reader-localized-context .scribe-lens-title-row {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: .75rem;
		}
		:root .post-reader-localized-context .scribe-lens-title {
			font-family: Georgia, 'Frank Ruhl Libre', 'Times New Roman', serif;
			font-size: 1.7rem;
			font-weight: 700;
			color: var(--lens-ink);
		}
		:root .post-reader-localized-context .scribe-lens-close {
			inline-size: 2.6rem;
			block-size: 2.6rem;
			flex: none;
			display: inline-grid;
			place-items: center;
			border-radius: 50%;
			border: 1px solid var(--lens-hairline);
			background: var(--lens-tile);
			color: var(--lens-tile-ink);
			font-size: 1.05rem;
			line-height: 1;
			cursor: pointer;
			transition: transform 180ms ease, border-color 180ms ease, color 180ms ease, background 180ms ease;
		}
		:root .post-reader-localized-context .scribe-lens-close:hover {
			border-color: var(--lens-gold);
			color: var(--lens-gold-deep);
			transform: translateY(-1px);
		}
		:root .post-reader-localized-context .scribe-lens-close:focus-visible {
			outline: 2px solid var(--lens-gold);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .scribe-lens-close:active {
			transform: scale(.93);
		}
		:root .post-reader-localized-context .scribe-lens-close:disabled {
			opacity: .45;
			cursor: not-allowed;
			transform: none;
		}

		/* Focus Mode row: tile | title+subtitle | gold toggle */
		:root .post-reader-localized-context .scribe-lens-head .focus-mode-control {
			display: grid;
			grid-template-columns: auto minmax(0, 1fr) auto;
			gap: .95rem;
			align-items: center;
			border-top: 1px solid var(--lens-hairline);
			padding-top: 1.05rem;
		}
		:root .post-reader-localized-context .focus-mode-control::before {
			content: "⊙";
			inline-size: 3rem;
			block-size: 3rem;
			border-radius: 1rem;
			display: inline-grid;
			place-items: center;
			font-size: 1.5rem;
			line-height: 1;
			background: linear-gradient(145deg, var(--lens-field), var(--lens-tile));
			border: 1px solid var(--lens-hairline);
			color: var(--lens-tile-ink);
			box-shadow: 0 .2rem .6rem var(--lens-shadow), inset 0 1px 0 rgb(255 255 255 / 45%);
		}
		:root .post-reader-localized-context .focus-mode-control .setting-name::after {
			content: "Hide distractions to focus on the text";
			display: block;
			font-size: .84rem;
			font-weight: 400;
			color: var(--lens-soft);
			margin-top: .18rem;
			letter-spacing: 0;
			text-transform: none;
		}
		:root .post-reader-localized-context .awtsmoos-toggle-label {
			display: none;
		}

		/* Gold toggle switch */
		:root .post-reader-localized-context #focusModeToggle {
			inline-size: 3.4rem;
			block-size: 2rem;
			appearance: none;
			-webkit-appearance: none;
			border: 0;
			border-radius: 999px;
			background: var(--lens-track);
			cursor: pointer;
			position: relative;
			margin: 0;
			flex: none;
			box-shadow: inset 0 1px 3px rgb(30 18 6 / 22%);
			transition: background 200ms ease, box-shadow 200ms ease;
		}
		:root .post-reader-localized-context #focusModeToggle::after {
			content: "";
			position: absolute;
			top: .22rem;
			inset-inline-start: .22rem;
			inline-size: 1.56rem;
			block-size: 1.56rem;
			border-radius: 50%;
			background: var(--lens-on-gold);
			box-shadow: 0 .15rem .45rem rgb(30 18 6 / 32%);
			transition: transform 200ms ease;
		}
		:root .post-reader-localized-context #focusModeToggle:checked {
			background: var(--lens-gold);
			box-shadow: inset 0 1px 3px rgb(30 18 6 / 12%), 0 .2rem .7rem rgb(199 154 75 / 40%);
		}
		:root .post-reader-localized-context #focusModeToggle:checked::after {
			transform: translateX(1.4rem);
		}
		:root .post-reader-localized-context #focusModeToggle:hover {
			box-shadow: inset 0 1px 3px rgb(30 18 6 / 22%), 0 0 0 3px rgb(199 154 75 / 22%);
		}
		:root .post-reader-localized-context #focusModeToggle:focus-visible {
			outline: 2px solid var(--lens-gold);
			outline-offset: 3px;
		}
		:root .post-reader-localized-context #focusModeToggle:disabled {
			opacity: .45;
			cursor: not-allowed;
		}

		/* Text Scale row: tile | title | stepper */
		:root .post-reader-localized-context .settings-group:has(.text-controls) {
			display: grid;
			grid-template-columns: auto minmax(0, 1fr) auto;
			grid-template-areas: "tile title stepper";
			align-items: center;
			gap: .95rem;
		}
		:root .post-reader-localized-context .settings-group:has(.text-controls)::before {
			content: "Aa";
			grid-area: tile;
			inline-size: 3rem;
			block-size: 3rem;
			border-radius: 1rem;
			display: inline-grid;
			place-items: center;
			font-family: Georgia, 'Frank Ruhl Libre', serif;
			font-size: 1.3rem;
			font-weight: 700;
			background: linear-gradient(145deg, var(--lens-field), var(--lens-tile));
			border: 1px solid var(--lens-hairline);
			color: var(--lens-tile-ink);
			box-shadow: 0 .2rem .6rem var(--lens-shadow), inset 0 1px 0 rgb(255 255 255 / 45%);
		}
		:root .post-reader-localized-context .settings-group:has(.text-controls) > .control-label {
			grid-area: title;
		}
		:root .post-reader-localized-context .text-controls {
			grid-area: stepper;
			display: grid;
			grid-template-columns: repeat(3, auto);
			gap: .55rem;
			align-items: center;
		}
		:root .post-reader-localized-context .text-controls::after {
			content: "Adjust reading size · Default: 16";
			grid-column: 1 / -1;
			justify-self: end;
			font-size: .78rem;
			color: var(--lens-soft);
		}
		:root .post-reader-localized-context .font-adjust-btn {
			inline-size: 2.9rem;
			block-size: 2.9rem;
			border: 1px solid var(--lens-hairline);
			border-radius: .95rem;
			background: linear-gradient(145deg, var(--lens-field), var(--lens-tile));
			color: var(--lens-ink);
			font: 800 1.25rem/1 system-ui;
			cursor: pointer;
			display: inline-grid;
			place-items: center;
			box-shadow: 0 .2rem .6rem var(--lens-shadow), inset 0 1px 0 rgb(255 255 255 / 45%);
			transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
		}
		:root .post-reader-localized-context .font-adjust-btn:hover {
			border-color: var(--lens-gold);
			transform: translateY(-1px);
		}
		:root .post-reader-localized-context .font-adjust-btn:focus-visible {
			outline: 2px solid var(--lens-gold);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .font-adjust-btn:active {
			transform: scale(.94);
		}
		:root .post-reader-localized-context .font-adjust-btn:disabled {
			opacity: .45;
			cursor: not-allowed;
			transform: none;
		}
		:root .post-reader-localized-context .font-size-display {
			display: grid;
			place-items: center;
			min-inline-size: 3.6rem;
			min-block-size: 2.9rem;
			padding-inline: .7rem;
			border: 1px solid var(--lens-hairline);
			border-radius: .95rem;
			background: var(--lens-field);
			color: var(--lens-ink);
			font-size: 1.1rem;
			font-weight: 800;
			box-shadow: inset 0 1px 3px rgb(30 18 6 / 10%);
		}

		/* Auto Scroll River */
		:root .post-reader-localized-context .auto-scroll-heading {
			display: grid;
			grid-template-columns: auto minmax(0, 1fr) auto;
			gap: .95rem;
			align-items: center;
		}
		:root .post-reader-localized-context .auto-scroll-heading::before {
			content: "↝";
			inline-size: 3rem;
			block-size: 3rem;
			border-radius: 1rem;
			display: inline-grid;
			place-items: center;
			font-size: 1.5rem;
			line-height: 1;
			background: linear-gradient(145deg, var(--lens-field), var(--lens-tile));
			border: 1px solid var(--lens-hairline);
			color: var(--lens-tile-ink);
			box-shadow: 0 .2rem .6rem var(--lens-shadow), inset 0 1px 0 rgb(255 255 255 / 45%);
		}
		:root .post-reader-localized-context .auto-scroll-heading .control-label::after {
			content: "Smooth continuous scrolling through text";
			display: block;
			font-size: .84rem;
			font-weight: 400;
			color: var(--lens-soft);
			margin-top: .18rem;
			letter-spacing: 0;
			text-transform: none;
		}
		:root .post-reader-localized-context #autoScrollStatus {
			color: var(--lens-soft);
			font-size: .85rem;
			font-weight: 700;
			background: var(--lens-tile);
			border: 1px solid var(--lens-hairline);
			border-radius: 999px;
			padding: .3rem .75rem;
		}
		:root .post-reader-localized-context .auto-scroll-settings-toggle {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: .55rem;
			inline-size: 100%;
			min-block-size: 3rem;
			padding: .7rem 1rem;
			border: 1px solid var(--lens-hairline);
			border-radius: 999px;
			background: linear-gradient(145deg, var(--lens-field), var(--lens-tile));
			color: var(--lens-ink);
			font: 800 .92rem/1 system-ui;
			cursor: pointer;
			box-shadow: 0 .2rem .6rem var(--lens-shadow), inset 0 1px 0 rgb(255 255 255 / 45%);
			transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
		}
		:root .post-reader-localized-context .auto-scroll-settings-toggle:hover {
			border-color: var(--lens-gold);
			transform: translateY(-1px);
		}
		:root .post-reader-localized-context .auto-scroll-settings-toggle:focus-visible {
			outline: 2px solid var(--lens-gold);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .auto-scroll-settings-toggle:active {
			transform: scale(.98);
		}
		:root .post-reader-localized-context .auto-scroll-settings-toggle[aria-pressed="true"] {
			background: var(--lens-gold);
			border-color: var(--lens-gold);
			color: var(--lens-on-gold);
		}
		:root .post-reader-localized-context .auto-scroll-settings-toggle:disabled {
			opacity: .45;
			cursor: not-allowed;
			transform: none;
		}
		:root .post-reader-localized-context .speed-control-row {
			display: grid;
			grid-template-columns: auto auto minmax(0, 1fr) auto;
			gap: .7rem;
			align-items: center;
		}
		:root .post-reader-localized-context .speed-control-row::before {
			content: "Speed";
			color: var(--lens-gold-deep);
			font-size: .92rem;
			font-weight: 700;
		}
		:root .post-reader-localized-context .speed-word {
			color: var(--lens-soft);
			font-size: .78rem;
			font-weight: 600;
		}
		:root .post-reader-localized-context #autoScrollSpeedRange {
			-webkit-appearance: none;
			appearance: none;
			inline-size: 100%;
			block-size: .45rem;
			border-radius: 999px;
			cursor: pointer;
			background: linear-gradient(to right, var(--lens-gold) 0 var(--fill, 20%), var(--lens-track) var(--fill, 20%) 100%);
		}
		:root .post-reader-localized-context #autoScrollSpeedRange::-webkit-slider-thumb {
			-webkit-appearance: none;
			inline-size: 1.5rem;
			block-size: 1.5rem;
			border-radius: 50%;
			background: var(--lens-on-gold);
			border: 2px solid var(--lens-gold);
			box-shadow: 0 .2rem .5rem var(--lens-shadow);
			cursor: pointer;
		}
		:root .post-reader-localized-context #autoScrollSpeedRange::-moz-range-thumb {
			inline-size: 1.35rem;
			block-size: 1.35rem;
			border-radius: 50%;
			background: var(--lens-on-gold);
			border: 2px solid var(--lens-gold);
			box-shadow: 0 .2rem .5rem var(--lens-shadow);
			cursor: pointer;
		}
		:root .post-reader-localized-context #autoScrollSpeedRange::-moz-range-track {
			block-size: .45rem;
			border-radius: 999px;
			background: var(--lens-track);
		}
		:root .post-reader-localized-context #autoScrollSpeedRange::-moz-range-progress {
			block-size: .45rem;
			border-radius: 999px;
			background: var(--lens-gold);
		}
		:root .post-reader-localized-context #autoScrollSpeedRange:hover::-webkit-slider-thumb {
			border-color: var(--lens-gold-deep);
		}
		:root .post-reader-localized-context #autoScrollSpeedRange:focus-visible {
			outline: 2px solid var(--lens-gold);
			outline-offset: 4px;
		}
		:root .post-reader-localized-context #autoScrollSpeedRange:disabled {
			opacity: .45;
			cursor: not-allowed;
		}
		:root .post-reader-localized-context .speed-readout-row {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			gap: .75rem;
			color: var(--lens-soft);
			font-size: .82rem;
		}
		:root .post-reader-localized-context #autoScrollSpeedDisplay {
			font-weight: 800;
			font-size: .85rem;
			color: var(--lens-ink);
			background: var(--lens-tile);
			border: 1px solid var(--lens-hairline);
			border-radius: 999px;
			padding: .35rem .85rem;
			box-shadow: inset 0 1px 2px rgb(30 18 6 / 8%);
		}
		:root .post-reader-localized-context .auto-scroll-help {
			color: var(--lens-soft);
			font-size: .8rem;
			line-height: 1.55;
			margin: 0;
		}

		/* Font Alchemist + Theme Engine: tile | title, pill dropdown below */
		:root .post-reader-localized-context .settings-group:has(#fontSelector),
		:root .post-reader-localized-context .settings-group:has(#themeSelector) {
			display: grid;
			grid-template-columns: auto minmax(0, 1fr);
			grid-template-areas: "tile label" "field field";
			align-items: center;
			gap: .95rem;
		}
		:root .post-reader-localized-context .settings-group:has(#fontSelector)::before,
		:root .post-reader-localized-context .settings-group:has(#themeSelector)::before {
			grid-area: tile;
			inline-size: 3rem;
			block-size: 3rem;
			border-radius: 1rem;
			display: inline-grid;
			place-items: center;
			font-family: Georgia, 'Frank Ruhl Libre', serif;
			font-size: 1.35rem;
			font-weight: 700;
			background: linear-gradient(145deg, var(--lens-field), var(--lens-tile));
			border: 1px solid var(--lens-hairline);
			color: var(--lens-tile-ink);
			box-shadow: 0 .2rem .6rem var(--lens-shadow), inset 0 1px 0 rgb(255 255 255 / 45%);
		}
		:root .post-reader-localized-context .settings-group:has(#fontSelector)::before {
			content: "A";
		}
		:root .post-reader-localized-context .settings-group:has(#themeSelector)::before {
			content: "✎";
		}
		:root .post-reader-localized-context .settings-group:has(#fontSelector) > .control-label,
		:root .post-reader-localized-context .settings-group:has(#themeSelector) > .control-label {
			grid-area: label;
		}
		:root .post-reader-localized-context .theme-controls {
			display: contents;
		}
		:root .post-reader-localized-context #fontSelector,
		:root .post-reader-localized-context #themeSelector {
			grid-area: field;
			inline-size: 100%;
			min-block-size: 3.1rem;
			padding: .8rem 2.7rem .8rem 1.1rem;
			border: 1px solid var(--lens-hairline);
			border-radius: 1rem;
			background-color: var(--lens-field);
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23a67c2e' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-position: right 1rem center;
			color: var(--lens-ink);
			font: 700 .98rem/1.4 system-ui;
			cursor: pointer;
			appearance: none;
			-webkit-appearance: none;
			box-shadow: 0 .2rem .6rem var(--lens-shadow), inset 0 1px 0 rgb(255 255 255 / 45%);
			transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
		}
		:root .post-reader-localized-context #fontSelector:hover,
		:root .post-reader-localized-context #themeSelector:hover {
			border-color: var(--lens-gold);
		}
		:root .post-reader-localized-context #fontSelector:focus-visible,
		:root .post-reader-localized-context #themeSelector:focus-visible {
			outline: 2px solid var(--lens-gold);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context #fontSelector:active,
		:root .post-reader-localized-context #themeSelector:active {
			transform: scale(.995);
		}
		:root .post-reader-localized-context #fontSelector:disabled,
		:root .post-reader-localized-context #themeSelector:disabled {
			opacity: .45;
			cursor: not-allowed;
		}

		/* Language group (injected): tile | title, segmented below */
		:root .post-reader-localized-context .meluket-lang-settings-group {
			display: grid;
			grid-template-columns: auto minmax(0, 1fr);
			grid-template-areas: "tile label" "segmented segmented";
			align-items: center;
			gap: .95rem;
		}
		:root .post-reader-localized-context .meluket-lang-settings-group::before {
			content: "🌐";
			grid-area: tile;
			inline-size: 3rem;
			block-size: 3rem;
			border-radius: 1rem;
			display: inline-grid;
			place-items: center;
			font-size: 1.35rem;
			line-height: 1;
			background: linear-gradient(145deg, var(--lens-field), var(--lens-tile));
			border: 1px solid var(--lens-hairline);
			box-shadow: 0 .2rem .6rem var(--lens-shadow), inset 0 1px 0 rgb(255 255 255 / 45%);
		}
		:root .post-reader-localized-context .meluket-lang-settings-group > .control-label {
			grid-area: label;
		}
		:root .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-toggle-panel {
			grid-area: segmented;
		}

		/* Advanced appearance details */
		:root .post-reader-localized-context .reader-advanced-settings summary {
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: .75rem;
			cursor: pointer;
			color: var(--lens-ink);
			font-weight: 700;
			padding: .5rem 0;
			list-style: none;
		}
		:root .post-reader-localized-context .reader-advanced-settings summary::-webkit-details-marker {
			display: none;
		}
		:root .post-reader-localized-context .reader-advanced-settings summary::after {
			content: "›";
			color: var(--lens-gold-deep);
			font-size: 1.3rem;
			line-height: 1;
			transition: transform 180ms ease;
		}
		:root .post-reader-localized-context .reader-advanced-settings[open] summary::after {
			transform: rotate(90deg);
		}
		:root .post-reader-localized-context .reader-advanced-settings summary small {
			color: var(--lens-soft);
			font-weight: 400;
		}
		:root .post-reader-localized-context .reader-advanced-settings summary:hover {
			color: var(--lens-gold-deep);
		}
		:root .post-reader-localized-context .reader-advanced-settings summary:focus-visible {
			outline: 2px solid var(--lens-gold);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .reader-advanced-settings summary:active {
			transform: scale(.99);
		}
		:root .post-reader-localized-context .color-picker-grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: .7rem;
		}
		:root .post-reader-localized-context .color-control {
			display: grid;
			gap: .4rem;
		}
		:root .post-reader-localized-context .color-control label {
			color: var(--lens-ink);
			font-size: .85rem;
			font-weight: 700;
		}
		:root .post-reader-localized-context .ink-pot {
			inline-size: 100%;
			block-size: 3rem;
			border: 1px solid var(--lens-hairline);
			border-radius: 1rem;
			background: var(--lens-field);
			cursor: pointer;
			padding: 4px;
			box-shadow: inset 0 1px 3px rgb(30 18 6 / 10%);
		}
		:root .post-reader-localized-context .ink-pot:hover {
			border-color: var(--lens-gold);
		}
		:root .post-reader-localized-context .ink-pot:focus-visible {
			outline: 2px solid var(--lens-gold);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .ink-pot:disabled {
			opacity: .45;
			cursor: not-allowed;
		}

		/* Reset section — dream outline pill */
		:root .post-reader-localized-context .reset-section {
			padding: 0 1.3rem 1.4rem;
		}
		:root .post-reader-localized-context #resetDefaultsBtn {
			inline-size: 100%;
			min-block-size: 3.1rem;
			border: 1.5px solid var(--lens-gold-deep);
			border-radius: 999px;
			background: transparent;
			color: var(--lens-gold-deep);
			font: 700 .95rem/1 system-ui;
			cursor: pointer;
			transition: background 180ms ease, color 180ms ease, transform 180ms ease, border-color 180ms ease;
		}
		:root .post-reader-localized-context #resetDefaultsBtn:hover {
			background: var(--lens-gold-deep);
			border-color: var(--lens-gold-deep);
			color: var(--lens-on-gold);
		}
		:root .post-reader-localized-context #resetDefaultsBtn:focus-visible {
			outline: 2px solid var(--lens-gold);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context #resetDefaultsBtn:active {
			transform: scale(.98);
		}
		:root .post-reader-localized-context #resetDefaultsBtn:disabled {
			opacity: .45;
			cursor: not-allowed;
			transform: none;
		}

		/* Floating controls (Aa / Sources buttons) */
		:root .post-reader-localized-context .awtsmoos-floating-controls {
			position: fixed;
			z-index: 3040;
			inset-inline-end: max(.75rem, env(safe-area-inset-right, 0px));
			bottom: max(.75rem, env(safe-area-inset-bottom, 0px));
			display: flex;
			gap: .5rem;
		}
		:root .post-reader-localized-context #typographyBtn,
		:root .post-reader-localized-context #commentaryBtn {
			min-block-size: 44px;
			min-inline-size: 44px;
			padding: .65rem .9rem;
			border: 1px solid var(--lens-hairline);
			border-radius: 999px;
			background: var(--lens-field);
			color: var(--lens-ink);
			font: 800 .9rem/1 system-ui;
			cursor: pointer;
			box-shadow: 0 .5rem 1.5rem var(--lens-shadow);
			transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
		}
		:root .post-reader-localized-context #typographyBtn:hover,
		:root .post-reader-localized-context #commentaryBtn:hover {
			transform: translateY(-1px);
			border-color: var(--lens-gold);
		}
		:root .post-reader-localized-context #typographyBtn:focus-visible,
		:root .post-reader-localized-context #commentaryBtn:focus-visible {
			outline: 2px solid var(--lens-gold);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context #typographyBtn:active,
		:root .post-reader-localized-context #commentaryBtn:active {
			transform: scale(.96);
		}
		:root .post-reader-localized-context #typographyBtn.pushed {
			background: var(--lens-gold);
			border-color: var(--lens-gold);
			color: var(--lens-on-gold);
		}
		:root .post-reader-localized-context #typographyBtn:disabled,
		:root .post-reader-localized-context #commentaryBtn:disabled {
			opacity: .45;
			cursor: not-allowed;
			transform: none;
		}

/* B"H — extracted from _awtsmoos.post.html #awtsmoos-sefer-body-tokens */
/* B"H — Sefer body text tokens.
		   ROOT CAUSE of white-on-white body text: --sefer-* variables were defined
		   on .meluket-sefer-active .meluket-sefer (inner container), but the Overview,
		   Q&A, and body elements are SIBLINGS of .meluket-sefer — CSS variables do
		   not cross to siblings, so var(--sefer-ink-soft) was UNDEFINED for body text
		   → invalid → inherited white → white-on-white.
		   FIX: define tokens on .post-reader-localized-context (the reader root that
		   wraps EVERYTHING), so every descendant sees them.
		   Inline in the template to bypass the fragile @import chain.
		   Light is the default; dark overrides below. No !important, ever. */
		:root .post-reader-localized-context,
		:root[data-theme="light"] .post-reader-localized-context {
			--sefer-paper: #f7f1e3;
			--sefer-paper-deep: #efe4cd;
			--sefer-ink: #2b2118;
			--sefer-title-ink: #1f1712;
			--sefer-ink-soft: #5a4c3d;
			--sefer-accent: #8a6d3b;
			--sefer-rule: #d9c9a8;
			--sefer-card: #fffdf6;
			--sefer-focus: #b3541e;
			--sefer-shadow: 0 2px 14px rgba(90, 70, 40, 0.10);
			/* B"H — tokenized accents: no hardcoded colors at usage sites. */
			--sefer-on-accent: #fffdf6;
			--sefer-reader-ink: #1b1b1b;
			--sefer-reader-bg: transparent;
		}
		:root[data-theme="dark"] .post-reader-localized-context {
			--sefer-paper: #171209;
			--sefer-paper-deep: #100c06;
			--sefer-ink: #f0e7d3;
			--sefer-title-ink: #faf3e2;
			--sefer-ink-soft: #c9b992;
			--sefer-accent: #d4a94e;
			--sefer-rule: #4a3a22;
			--sefer-card: #201a10;
			--sefer-focus: #e8a34d;
			--sefer-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
			/* B"H — tokenized accents: no hardcoded colors at usage sites. */
			--sefer-on-accent: #171209;
			--sefer-reader-ink: #f3e3b0;
			--sefer-reader-bg: #171209;
		}
		/* Critical body text: explicit colors in both themes, no @import dependency. */
		:root .post-reader-localized-context .meluket-post-summary,
		:root .post-reader-localized-context .meluket-summary,
		:root .post-reader-localized-context .meluket-post-summary p,
		:root .post-reader-localized-context .meluket-summary p {
			color: var(--sefer-ink-soft);
		}
		:root .post-reader-localized-context .meluket-sefer-title-he,
		:root .post-reader-localized-context .meluket-qa-title {
			color: var(--sefer-title-ink);
		}
		/* B"H — the בס״ד title must never render faint: explicit ink, full
		   opacity, no glow washout in light mode. */
		:root .post-reader-localized-context .meluket-sefer-title-he {
			opacity: 1;
			text-shadow: none;
		}
		:root[data-theme="dark"] .post-reader-localized-context .meluket-sefer-title-he {
			opacity: 1;
		}
		:root .post-reader-localized-context .meluket-hebrew,
		:root .post-reader-localized-context .meluket-english {
			color: var(--sefer-ink);
		}
		:root[data-theme="dark"] .post-reader-localized-context .meluket-hebrew,
		:root[data-theme="dark"] .post-reader-localized-context .meluket-english {
			color: var(--sefer-ink);
		}
		:root .post-reader-localized-context .meluket-post-summary {
			background: var(--sefer-paper-deep);
			border-color: var(--sefer-rule);
		}

/* B"H — extracted from _awtsmoos.post.html #awtsmoos-sefer-controls */
/* B"H — Language toggle + critical text sizes, inlined.
		   The @import chain for meluket-sefer.css is fragile; these critical
		   controls must render styled even when the chain breaks.
		   Yaakov's laws: every interactive element gets full states;
		   explicit colors for both themes; NEVER !important. */
		/* B"H — Yaakov: language toggle NEVER on the main page.
		   It lives ONLY inside the Scribe's Lens settings panel.
		   This hides it if JS ever renders it as a direct child of .meluket-sefer. */
		:root .post-reader-localized-context .meluket-sefer > .meluket-lang-toggle {
			display: none;
		}
		:root .post-reader-localized-context .meluket-lang-toggle,
		:root[data-theme="light"] .post-reader-localized-context .meluket-lang-toggle {
			display: flex;
			gap: 0.75rem;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			margin: 0 auto 2rem;
			padding: 0.5rem;
		}
		:root .post-reader-localized-context .meluket-lang-btn,
		:root[data-theme="light"] .post-reader-localized-context .meluket-lang-btn {
			font-family: inherit;
			font-size: 1.35rem;
			font-weight: 700;
			line-height: 1.2;
			padding: 0.85rem 1.75rem;
			border-radius: 999px;
			border: 2px solid var(--sefer-rule);
			background: var(--sefer-card);
			color: var(--sefer-ink-soft);
			cursor: pointer;
			transition: border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
			min-width: 44px;
			min-height: 44px;
		}
		:root .post-reader-localized-context .meluket-lang-btn:hover {
			border-color: var(--sefer-accent);
			color: var(--sefer-ink);
			transform: translateY(-1px);
		}
		:root .post-reader-localized-context .meluket-lang-btn:focus-visible {
			outline: 3px solid var(--sefer-focus);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .meluket-lang-btn:active {
			transform: translateY(1px) scale(0.98);
			border-color: var(--sefer-accent);
		}
		:root .post-reader-localized-context .meluket-lang-btn:disabled {
			opacity: 0.45;
			cursor: not-allowed;
			transform: none;
		}
		:root .post-reader-localized-context .meluket-lang-btn.is-active,
		:root[data-theme="light"] .post-reader-localized-context .meluket-lang-btn.is-active {
			background: var(--sefer-accent);
			border-color: var(--sefer-accent);
			color: var(--sefer-on-accent);
		}
		:root[data-theme="dark"] .post-reader-localized-context .meluket-lang-btn.is-active {
			color: var(--sefer-on-accent);
		}
		/* B"H — Language toggle INSIDE the Scribe's Lens panel.
		   Segmented control matching the panel design. Full states, both themes. */
		:root .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-toggle-panel,
		:root[data-theme="light"] .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-toggle-panel {
			display: flex;
			gap: 0.5rem;
			margin: 0;
			padding: 0.35rem;
			border-radius: 999px;
			background: rgb(122 82 31 / 10%);
			border: 1px solid rgb(122 82 31 / 20%);
		}
		:root[data-theme="dark"] .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-toggle-panel {
			background: rgb(255 255 255 / 6%);
			border-color: rgb(127 232 255 / 14%);
		}
		:root .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn,
		:root[data-theme="light"] .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn {
			flex: 1;
			font-family: inherit;
			font-size: 0.95rem;
			font-weight: 700;
			line-height: 1.2;
			padding: 0.7rem 0.5rem;
			border-radius: 999px;
			border: 1px solid transparent;
			background: transparent;
			color: var(--lens-lang-idle);
			cursor: pointer;
			transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
			min-width: 44px;
			min-height: 44px;
			margin: 0;
		}
		:root[data-theme="dark"] .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn {
			color: var(--lens-lang-idle);
		}
		:root .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn:hover {
			color: var(--lens-lang-hover);
			background: rgb(255 255 255 / 50%);
		}
		:root[data-theme="dark"] .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn:hover {
			color: var(--lens-lang-hover);
			background: rgb(255 255 255 / 8%);
		}
		:root .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn:focus-visible {
			outline: 2px solid var(--lens-lang-focus);
			outline-offset: 2px;
		}
		:root[data-theme="dark"] .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn:focus-visible {
			outline-color: var(--lens-lang-focus);
		}
		:root .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn:active {
			transform: scale(0.97);
		}
		:root .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn:disabled {
			opacity: 0.45;
			cursor: not-allowed;
			transform: none;
		}
		:root .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn.is-active,
		:root[data-theme="light"] .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn.is-active {
			background: var(--lens-gold);
			border-color: var(--lens-gold);
			color: var(--lens-active-ink);
			box-shadow: 0 2px 8px rgb(199 154 75 / 40%);
		}
		:root[data-theme="dark"] .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn.is-active {
			background: var(--lens-gold);
			border-color: var(--lens-gold);
			color: var(--lens-active-ink);
			box-shadow: 0 2px 8px rgb(217 169 78 / 30%);
		}
		/* Footnote markers: real <sup>, LAW 8 gold pills — never gray boxes,
		   never plain numbers. Tappable, keyboard accessible, popup on tap. */
		:root .post-reader-localized-context sup.meluket-fn-marker,
		:root[data-theme="light"] .post-reader-localized-context sup.meluket-fn-marker,
		:root[data-theme="dark"] .post-reader-localized-context sup.meluket-fn-marker {
			display: inline-block;
			min-width: 1.6em;
			padding: 0.12em 0.34em;
			margin-inline-start: 0.24em;
			border-radius: 999px;
			background: linear-gradient(160deg, var(--law8-gold-bright), var(--law8-gold) 58%, var(--law8-gold-deep));
			color: var(--law8-on-gold);
			font-size: 0.62em;
			font-weight: 800;
			line-height: 1.5;
			text-align: center;
			text-decoration: none;
			vertical-align: super;
			cursor: pointer;
			box-shadow: 0 2px 8px rgba(var(--law8-glow), 0.35), inset 0 1px 0 rgba(var(--law8-glow), 0.40);
			transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
		}
		:root .post-reader-localized-context sup.meluket-fn-marker:hover {
			filter: brightness(1.10);
			box-shadow: 0 3px 12px rgba(var(--law8-glow), 0.50), inset 0 1px 0 rgba(var(--law8-glow), 0.40);
			transform: translateY(-1px);
		}
		:root .post-reader-localized-context sup.meluket-fn-marker:focus-visible {
			outline: 2px solid var(--law8-gold-bright);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context sup.meluket-fn-marker:active {
			transform: scale(0.90);
		}
		/* Critical text sizes: Yaakov wants text MUCH bigger by default.
		   These mirror meluket-sefer.css but load even when @import breaks. */
		:root .post-reader-localized-context .meluket-hebrew {
			font-size: clamp(2.2rem, 5vw, 3.4rem);
			line-height: 1.9;
		}
		:root .post-reader-localized-context .meluket-english {
			font-size: clamp(1.7rem, 4vw, 2.6rem);
			line-height: 1.7;
		}
		:root .post-reader-localized-context .meluket-post-summary,
		:root .post-reader-localized-context .meluket-summary {
			font-size: clamp(1.5rem, 3.6vw, 2.2rem);
			line-height: 1.65;
		}
		:root .post-reader-localized-context .meluket-sefer-title-he {
			font-size: clamp(2.6rem, 6vw, 4rem);
			line-height: 1.4;
		}

/* B"H — extracted from _awtsmoos.post.html #awtsmoos-dream-typography */
/* B"H — Dream typography: match the approved mockups exactly.
		   Warm cream paper, huge Hebrew serif, clean sans English, elegant cards.
		   Yaakov's laws: zero !important, explicit colors for both themes,
		   CSS custom properties only. Later + equal specificity wins over the
		   earlier inline blocks, so these sizes are the final word. */
		:root .post-reader-localized-context {
			--dream-hebrew-font: "Frank Ruhl Libre", "Cardo", "Times New Roman", serif;
			--dream-serif-font: "Source Serif 4", "Cardo", Georgia, serif;
			--dream-sans-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
		}
		/* Reading paper: full-bleed warm cream like the dream. */
		:root .post-reader-localized-context .meluket-sefer {
			background: var(--sefer-paper);
			padding: clamp(2rem, 6vw, 4.5rem) clamp(1.25rem, 5vw, 3rem) clamp(4rem, 10vw, 7rem);
		}
		/* Title: huge dark-brown Hebrew serif, centered. */
		:root .post-reader-localized-context .meluket-sefer-title {
			text-align: center;
			max-width: 48rem;
			margin: 0 auto clamp(2.5rem, 7vw, 4.5rem);
			padding-top: clamp(1rem, 4vw, 2.5rem);
		}
		:root .post-reader-localized-context .meluket-sefer-title-he {
			font-family: var(--dream-hebrew-font);
			font-weight: 700;
			font-size: clamp(3.4rem, 11vw, 6.5rem);
			line-height: 1.35;
			letter-spacing: 0.01em;
			color: var(--sefer-title-ink);
			text-wrap: balance;
			margin: 0;
		}
		/* Overview card: cream card, soft shadow, serif heading, sans body. */
		:root .post-reader-localized-context .meluket-post-summary {
			background: var(--sefer-card);
			border: 1px solid var(--sefer-rule);
			border-radius: 1.75rem;
			box-shadow: var(--sefer-shadow);
			padding: clamp(1.75rem, 5vw, 3rem);
			margin: 0 auto clamp(2.5rem, 7vw, 4.5rem);
			max-width: 46rem;
			font-family: var(--dream-sans-font);
			font-size: clamp(1.5rem, 3.8vw, 2rem);
			line-height: 1.7;
			color: var(--sefer-ink-soft);
		}
		:root .post-reader-localized-context .meluket-post-summary .meluket-summary-label {
			font-family: var(--dream-serif-font);
			font-weight: 700;
			font-size: clamp(1.9rem, 4.5vw, 2.6rem);
			line-height: 1.3;
			color: var(--sefer-title-ink);
			margin: 0 0 1rem;
			display: flex;
			align-items: center;
			gap: 0.75rem;
		}
		:root .post-reader-localized-context .meluket-post-summary .meluket-summary-label::before {
			content: "\1F4D6";
		}
		:root .post-reader-localized-context .meluket-post-summary p {
			margin: 0;
			text-wrap: pretty;
		}
		/* Verse sections: reading column, dashed dream dividers. */
		:root .post-reader-localized-context .meluket-sefer-section {
			max-width: 44rem;
			margin: 0 auto;
			padding: clamp(2rem, 6vw, 3.5rem) 0;
			border-top: 2px dashed var(--sefer-rule);
		}
		:root .post-reader-localized-context .meluket-sefer-section:first-of-type {
			border-top: none;
			padding-top: 0;
		}
		/* Siman medallion. */
		:root .post-reader-localized-context .meluket-section-marker {
			text-align: center;
			margin: 0 0 1.75rem;
		}
		:root .post-reader-localized-context .meluket-section-number {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 2.9rem;
			height: 2.9rem;
			padding: 0 0.6rem;
			border-radius: 999px;
			border: 2px solid var(--sefer-rule);
			background: var(--sefer-card);
			color: var(--sefer-accent);
			font-family: var(--dream-serif-font);
			font-weight: 700;
			font-size: 1.25rem;
			line-height: 1;
		}
		/* Phrase pairs — TRUE interleaving: each pair holds one Hebrew phrase
		   block immediately followed by ITS English block, never a separate
		   English vessel. (Yaakov defect #3.) */
		:root .post-reader-localized-context .meluket-phrase-pair {
			margin: 0 0 2.2em;
		}
		:root .post-reader-localized-context .meluket-phrase-pair:last-child {
			margin-bottom: 0;
		}
		/* Hebrew: the ikar. Big traditional serif, generous nikkud line-height.
		   Sized for VISUAL parity with the English: Hebrew glyphs render
		   smaller than Latin at the same em size, so the Hebrew runs larger —
		   never smaller than the English. */
		:root .post-reader-localized-context .meluket-phrase--he {
			font-family: var(--dream-hebrew-font);
			font-weight: 700;
			font-size: clamp(3.2rem, 9vw, 5.2rem);
			line-height: 1.85;
			letter-spacing: 0.005em;
			color: var(--sefer-title-ink);
			margin: 0;
			text-wrap: pretty;
			text-rendering: optimizeLegibility;
		}
		:root .post-reader-localized-context .meluket-hebrew {
			font-family: var(--dream-hebrew-font);
			font-weight: 700;
			font-size: clamp(3.2rem, 9vw, 5.2rem);
			line-height: 1.85;
			letter-spacing: 0.005em;
			color: var(--sefer-title-ink);
			margin: 0 0 1.75rem;
			text-wrap: pretty;
			text-rendering: optimizeLegibility;
		}
		:root .post-reader-localized-context .meluket-hebrew .meluket-phrase {
			margin: 0 0 0.4em;
		}
		:root .post-reader-localized-context .meluket-hebrew .meluket-phrase:last-child {
			margin-bottom: 0;
		}
		/* English: beneath its Hebrew phrase, never beside. Clean, large, softer ink. */
		:root .post-reader-localized-context .meluket-phrase--en {
			font-family: var(--dream-sans-font);
			font-weight: 400;
			font-size: clamp(2rem, 5.2vw, 2.8rem);
			line-height: 1.75;
			color: var(--sefer-ink-soft);
			border-top: 2px dashed var(--sefer-rule);
			margin: 1em 0 0;
			padding-top: 1em;
			text-wrap: pretty;
			text-rendering: optimizeLegibility;
		}
		:root .post-reader-localized-context .meluket-english {
			font-family: var(--dream-sans-font);
			font-weight: 400;
			font-size: clamp(2rem, 5.2vw, 2.8rem);
			line-height: 1.75;
			color: var(--sefer-ink-soft);
			margin: 0;
			text-wrap: pretty;
			text-rendering: optimizeLegibility;
		}
		:root .post-reader-localized-context .meluket-english p {
			margin: 0 0 1em;
		}
		:root .post-reader-localized-context .meluket-english p:last-child {
			margin-bottom: 0;
		}
		/* Section summary: the hadracha beneath the translation. */
		:root .post-reader-localized-context .meluket-summary {
			font-family: var(--dream-sans-font);
			font-size: clamp(1.4rem, 3.6vw, 1.9rem);
			line-height: 1.75;
			color: var(--sefer-ink-soft);
			background: var(--sefer-card);
			border: 1px solid var(--sefer-rule);
			border-inline-start: 4px solid var(--sefer-accent);
			border-radius: 0.25rem 1.25rem 1.25rem 0.25rem;
			padding: 1.25rem 1.5rem;
			margin: 2rem 0 0;
		}
		:root .post-reader-localized-context .meluket-summary .meluket-summary-label {
			font-family: var(--dream-serif-font);
			font-weight: 700;
			font-size: 1.15em;
			color: var(--sefer-title-ink);
			margin-bottom: 0.5rem;
		}
		/* Q&A typography. */
		:root .post-reader-localized-context .meluket-qa {
			max-width: 44rem;
			margin: 0 auto;
			padding: clamp(2rem, 6vw, 3.5rem) 0;
			border-top: 2px dashed var(--sefer-rule);
		}
		:root .post-reader-localized-context .meluket-qa-title {
			font-family: var(--dream-hebrew-font);
			font-weight: 700;
			font-size: clamp(2.2rem, 5.5vw, 3.2rem);
			color: var(--sefer-title-ink);
			text-align: center;
			margin: 0 0 2rem;
		}
		:root .post-reader-localized-context .meluket-qa-item {
			background: var(--sefer-card);
			border: 1px solid var(--sefer-rule);
			border-radius: 1.25rem;
			padding: 1.5rem 1.75rem;
			margin-bottom: 1.25rem;
			box-shadow: var(--sefer-shadow);
		}
		:root .post-reader-localized-context .meluket-qa-q {
			font-family: var(--dream-sans-font);
			font-weight: 700;
			font-size: clamp(1.5rem, 3.8vw, 2rem);
			line-height: 1.5;
			color: var(--sefer-ink);
			margin-bottom: 0.75rem;
		}
		:root .post-reader-localized-context .meluket-qa-a {
			font-family: var(--dream-sans-font);
			font-size: clamp(1.4rem, 3.6vw, 1.9rem);
			line-height: 1.75;
			color: var(--sefer-ink-soft);
		}
		/* Text selection in the sefer's accent. */
		:root .post-reader-localized-context .meluket-sefer ::selection {
			background: var(--sefer-accent);
			color: var(--sefer-paper);
		}

/* B"H — extracted from _awtsmoos.post.html #awtsmoos-dream-dark */
/* B"H — Dream dark theme. Reference:
		   workspace/imagine_media/media-generation-heichel-dream-dark-0-c19da6db-7aa1-4e70-bbf0-9a86dbc084b4.webp
		   Warm (not cool) dark: deep brown-black paper, gold/amber accents,
		   luminous Hebrew glow, light-gray English, dark glassmorphism cards.
		   This block sits LAST in <head>, so equal-specificity dark rules here
		   win over the older cyan-accented dark rules above. No !important, ever.
		   All colors via CSS variables defined here. */
		:root[data-theme="dark"] .post-reader-localized-context {
			--dream-bg: #171209;
			--dream-bg-deep: #100c06;
			--dream-card: rgb(32 26 16 / 86%);
			--dream-gold: #d4a94e;
			--dream-gold-soft: #f6cc72;
			--dream-gold-glow: rgb(212 169 78 / 32%);
			--dream-gold-line: rgb(212 169 78 / 30%);
			--dream-ink: #f0e7d3;
			--dream-ink-soft: #c9b992;
			--dream-en: #d8d2c4;
			--dream-he-lume: #f3e3b0;
			--dream-focus: #e8a34d;
			--dream-shadow: 0 2rem 7rem rgb(0 0 0 / 55%), inset 0 1px 0 rgb(246 204 114 / 10%);
		}

		/* Page paper: warm dark, not cool navy */
		:root[data-theme="dark"] .post-reader-localized-context,
		:root[data-theme="dark"] .post-reader-localized-context .section {
			background: var(--dream-bg);
			background-color: var(--dream-bg);
		}

		/* Hebrew: luminous pale gold with a soft glow (the dream look) */
		:root[data-theme="dark"] .post-reader-localized-context .meluket-hebrew,
		:root[data-theme="dark"] .post-reader-localized-context .sub-awtsmoos.heb,
		:root[data-theme="dark"] .post-reader-localized-context .heb {
			color: var(--dream-he-lume);
			text-shadow: 0 0 18px var(--dream-gold-glow), 0 0 46px rgb(212 169 78 / 12%);
		}
		/* Title: bigger luminous gold */
		:root[data-theme="dark"] .post-reader-localized-context .meluket-sefer-title-he,
		:root[data-theme="dark"] .post-reader-localized-context .meluket-qa-title {
			color: var(--dream-gold-soft);
			text-shadow: 0 0 22px var(--dream-gold-glow), 0 0 60px rgb(212 169 78 / 14%);
		}
		/* English: light warm gray, readable */
		:root[data-theme="dark"] .post-reader-localized-context .meluket-english {
			color: var(--dream-en);
			text-shadow: none;
		}
		/* Summary text: warm soft */
		:root[data-theme="dark"] .post-reader-localized-context .meluket-post-summary,
		:root[data-theme="dark"] .post-reader-localized-context .meluket-summary,
		:root[data-theme="dark"] .post-reader-localized-context .meluket-post-summary p,
		:root[data-theme="dark"] .post-reader-localized-context .meluket-summary p {
			color: var(--dream-ink-soft);
		}
		/* Overview card: dark warm glass with gold line */
		:root[data-theme="dark"] .post-reader-localized-context .meluket-post-summary {
			background: var(--dream-card);
			-webkit-backdrop-filter: blur(12px) saturate(1.1);
			backdrop-filter: blur(12px) saturate(1.1);
			border-color: var(--dream-gold-line);
			box-shadow: 0 8px 28px rgb(0 0 0 / 45%), inset 0 1px 0 rgb(246 204 114 / 8%);
		}

		/* Overlay: warm dim */
		:root[data-theme="dark"] .post-reader-localized-context .scribe-lens-overlay {
			background: rgb(12 8 4 / 62%);
		}

		/* Panel shell: dark warm glassmorphism, gold line (the dream card) */
		:root[data-theme="dark"] .post-reader-localized-context .typography-details {
			border-color: var(--dream-gold-line);
			background: linear-gradient(145deg, rgb(246 204 114 / 7%), transparent 46%), rgb(23 18 9 / 94%);
			-webkit-backdrop-filter: blur(18px) saturate(1.15);
			backdrop-filter: blur(18px) saturate(1.15);
			box-shadow: var(--dream-shadow);
			color: var(--dream-ink);
		}

		/* Settings group cards: dark warm glass */
		:root[data-theme="dark"] .post-reader-localized-context .settings-group {
			border-color: rgb(212 169 78 / 16%);
			background: linear-gradient(145deg, rgb(246 204 114 / 6%), rgb(23 18 9 / 55%));
			box-shadow: inset 0 1px 0 rgb(246 204 114 / 7%);
		}

		/* Labels: gold uppercase (dream section headers) */
		:root[data-theme="dark"] .post-reader-localized-context .control-label {
			color: var(--dream-gold);
		}
		:root[data-theme="dark"] .post-reader-localized-context .setting-name {
			color: var(--dream-ink);
		}

		/* Focus toggle: warm dark track, gold knob, gold on-state */
		:root[data-theme="dark"] .post-reader-localized-context #focusModeToggle {
			border-color: rgb(212 169 78 / 42%);
			background: rgb(16 12 6 / 85%);
		}
		:root[data-theme="dark"] .post-reader-localized-context #focusModeToggle::after {
			background: var(--dream-gold-soft);
		}
		:root[data-theme="dark"] .post-reader-localized-context #focusModeToggle:checked {
			background: var(--dream-gold);
			border-color: var(--dream-gold);
		}
		:root[data-theme="dark"] .post-reader-localized-context #focusModeToggle:checked::after {
			background: var(--dream-bg-deep);
		}
		:root[data-theme="dark"] .post-reader-localized-context #focusModeToggle:hover {
			border-color: var(--dream-gold-soft);
		}
		:root[data-theme="dark"] .post-reader-localized-context #focusModeToggle:focus-visible {
			outline: 2px solid var(--dream-focus);
		}

		/* Text-scale buttons: warm dark glass, gold hover/focus */
		:root[data-theme="dark"] .post-reader-localized-context .font-adjust-btn {
			border-color: rgb(212 169 78 / 24%);
			background: linear-gradient(145deg, rgb(246 204 114 / 8%), rgb(16 12 6 / 85%));
			color: var(--dream-ink);
		}
		:root[data-theme="dark"] .post-reader-localized-context .font-adjust-btn:hover {
			border-color: var(--dream-gold);
		}
		:root[data-theme="dark"] .post-reader-localized-context .font-adjust-btn:focus-visible {
			outline: 2px solid var(--dream-focus);
		}
		:root[data-theme="dark"] .post-reader-localized-context .font-size-display {
			border-color: rgb(212 169 78 / 22%);
			background: rgb(16 12 6 / 70%);
			color: var(--dream-gold-soft);
		}

		/* Auto-scroll: warm text, gold toggle, gold slider */
		:root[data-theme="dark"] .post-reader-localized-context #autoScrollStatus,
		:root[data-theme="dark"] .post-reader-localized-context .speed-word,
		:root[data-theme="dark"] .post-reader-localized-context .speed-readout-row,
		:root[data-theme="dark"] .post-reader-localized-context .auto-scroll-help {
			color: var(--dream-ink-soft);
		}
		:root[data-theme="dark"] .post-reader-localized-context #autoScrollSpeedDisplay {
			color: var(--dream-gold-soft);
		}
		:root[data-theme="dark"] .post-reader-localized-context .auto-scroll-settings-toggle {
			border-color: rgb(212 169 78 / 24%);
			background: linear-gradient(145deg, rgb(246 204 114 / 8%), rgb(16 12 6 / 85%));
			color: var(--dream-ink);
		}
		:root[data-theme="dark"] .post-reader-localized-context .auto-scroll-settings-toggle:hover {
			border-color: var(--dream-gold);
		}
		:root[data-theme="dark"] .post-reader-localized-context .auto-scroll-settings-toggle:focus-visible {
			outline: 2px solid var(--dream-focus);
		}
		:root[data-theme="dark"] .post-reader-localized-context .auto-scroll-settings-toggle[aria-pressed="true"] {
			background: var(--dream-gold);
			border-color: var(--dream-gold);
			color: var(--dream-bg-deep);
		}
		:root[data-theme="dark"] .post-reader-localized-context #autoScrollSpeedRange {
			accent-color: var(--dream-gold);
		}
		:root[data-theme="dark"] .post-reader-localized-context #autoScrollSpeedRange:focus-visible {
			outline: 2px solid var(--dream-focus);
		}

		/* Selects: warm dark, gold hover/focus */
		:root[data-theme="dark"] .post-reader-localized-context #fontSelector,
		:root[data-theme="dark"] .post-reader-localized-context #themeSelector {
			border-color: rgb(212 169 78 / 24%);
			background: linear-gradient(145deg, rgb(246 204 114 / 8%), rgb(16 12 6 / 85%));
			color: var(--dream-ink);
		}
		:root[data-theme="dark"] .post-reader-localized-context #fontSelector:hover,
		:root[data-theme="dark"] .post-reader-localized-context #themeSelector:hover {
			border-color: var(--dream-gold);
		}
		:root[data-theme="dark"] .post-reader-localized-context #fontSelector:focus-visible,
		:root[data-theme="dark"] .post-reader-localized-context #themeSelector:focus-visible {
			outline: 2px solid var(--dream-focus);
		}

		/* Advanced settings + color controls: warm */
		:root[data-theme="dark"] .post-reader-localized-context .reader-advanced-settings summary {
			color: var(--dream-ink);
		}
		:root[data-theme="dark"] .post-reader-localized-context .reader-advanced-settings summary small {
			color: var(--dream-ink-soft);
		}
		:root[data-theme="dark"] .post-reader-localized-context .reader-advanced-settings summary:hover {
			color: var(--dream-gold-soft);
		}
		:root[data-theme="dark"] .post-reader-localized-context .reader-advanced-settings summary:focus-visible {
			outline: 2px solid var(--dream-focus);
		}
		:root[data-theme="dark"] .post-reader-localized-context .color-control label {
			color: var(--dream-ink);
		}
		:root[data-theme="dark"] .post-reader-localized-context .ink-pot {
			border-color: rgb(212 169 78 / 24%);
			background: rgb(16 12 6 / 70%);
		}
		:root[data-theme="dark"] .post-reader-localized-context .ink-pot:hover {
			border-color: var(--dream-gold);
		}
		:root[data-theme="dark"] .post-reader-localized-context .ink-pot:focus-visible {
			outline: 2px solid var(--dream-focus);
		}

		/* Reset: gold outline pill (dream) */
		:root[data-theme="dark"] .post-reader-localized-context #resetDefaultsBtn {
			border-color: var(--dream-gold);
			color: var(--dream-gold-soft);
		}
		:root[data-theme="dark"] .post-reader-localized-context #resetDefaultsBtn:hover {
			background: var(--dream-gold);
			border-color: var(--dream-gold);
			color: var(--dream-bg-deep);
		}
		:root[data-theme="dark"] .post-reader-localized-context #resetDefaultsBtn:focus-visible {
			outline: 2px solid var(--dream-focus);
		}

		/* Floating Aa / Sources: warm dark glass pills, gold line, gold pushed */
		:root[data-theme="dark"] .post-reader-localized-context #typographyBtn,
		:root[data-theme="dark"] .post-reader-localized-context #commentaryBtn {
			border-color: rgb(212 169 78 / 30%);
			background: rgb(23 18 9 / 94%);
			-webkit-backdrop-filter: blur(12px) saturate(1.1);
			backdrop-filter: blur(12px) saturate(1.1);
			color: var(--dream-ink);
		}
		:root[data-theme="dark"] .post-reader-localized-context #typographyBtn:hover,
		:root[data-theme="dark"] .post-reader-localized-context #commentaryBtn:hover {
			border-color: var(--dream-gold);
		}
		:root[data-theme="dark"] .post-reader-localized-context #typographyBtn:focus-visible,
		:root[data-theme="dark"] .post-reader-localized-context #commentaryBtn:focus-visible {
			outline: 2px solid var(--dream-focus);
		}
		:root[data-theme="dark"] .post-reader-localized-context #typographyBtn.pushed {
			background: var(--dream-gold);
			border-color: var(--dream-gold);
			color: var(--dream-bg-deep);
		}

		/* Language segmented control inside panel: warm container, gold active */
		:root[data-theme="dark"] .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-toggle-panel {
			background: rgb(212 169 78 / 10%);
			border-color: rgb(212 169 78 / 26%);
		}
		:root[data-theme="dark"] .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn {
			color: var(--dream-ink-soft);
		}
		:root[data-theme="dark"] .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn:hover {
			color: var(--dream-ink);
			background: rgb(212 169 78 / 12%);
		}
		:root[data-theme="dark"] .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn:focus-visible {
			outline-color: var(--dream-focus);
		}
		:root[data-theme="dark"] .post-reader-localized-context .meluket-lang-settings-group .meluket-lang-btn.is-active {
			background: var(--dream-gold);
			border-color: var(--dream-gold);
			color: var(--dream-bg-deep);
			box-shadow: 0 2px 10px rgb(212 169 78 / 30%);
		}

		/* Footnote markers: the base LAW 8 gold-pill rule above already covers
		   dark via the --law8-* dark tokens. No separate dark override. */

/* B"H — extracted from _awtsmoos.post.html #awtsmoos-dream-layout */
/* B"H — Dream layout: warm sefer page, one content card, refined header,
		   floating Aa dock. Matches the approved dream mockups exactly.
		   Inline in the template to bypass the fragile @import chain.
		   Yaakov's laws: ZERO !important; explicit colors for both themes;
		   CSS custom-property tokens only; full interactive states everywhere. */

		/* ---------- page ---------- */
		:root .post-reader-localized-context,
		:root[data-theme="light"] .post-reader-localized-context {
			background: var(--sefer-paper);
			color: var(--sefer-ink);
		}
		:root[data-theme="dark"] .post-reader-localized-context {
			background: var(--sefer-paper);
			color: var(--sefer-ink);
		}

		/* content column */
		:root .post-reader-localized-context #realPost {
			max-inline-size: min(46rem, calc(100vw - 2rem));
			margin-inline: auto;
			padding-block: 2.5rem 7rem;
		}

		/* ---------- the one content card ---------- */
		:root .post-reader-localized-context #realPost .meluket-sefer,
		:root[data-theme="light"] .post-reader-localized-context #realPost .meluket-sefer {
			--dream-pad: clamp(1.5rem, 4vw, 2.75rem);
			background: var(--sefer-card);
			border: 1px solid rgb(122 82 31 / 12%);
			border-radius: 1.75rem;
			box-shadow: 0 1.5rem 4rem rgb(96 70 32 / 14%), 0 2px 8px rgb(96 70 32 / 8%);
			padding: var(--dream-pad);
			color: var(--sefer-ink);
		}
		:root[data-theme="dark"] .post-reader-localized-context #realPost .meluket-sefer {
			border-color: rgb(212 169 78 / 14%);
			box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 50%), 0 2px 8px rgb(0 0 0 / 40%);
		}

		/* ---------- title: visually OUTSIDE the card, on the page ---------- */
		:root .post-reader-localized-context .meluket-sefer-title {
			text-align: center;
			background: var(--sefer-paper);
			margin: calc(var(--dream-pad, 2rem) * -1) calc(var(--dream-pad, 2rem) * -1) 2rem;
			padding: calc(var(--dream-pad, 2rem) * 0.75) var(--dream-pad, 2rem) 0;
			border-radius: 1.75rem 1.75rem 0 0;
		}
		:root .post-reader-localized-context .meluket-sefer-title-he {
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			font-weight: 700;
			color: var(--sefer-title-ink);
			text-wrap: balance;
			margin: 0;
		}

		/* ---------- overview: top section inside the card ---------- */
		:root .post-reader-localized-context .meluket-post-summary,
		:root .post-reader-localized-context .meluket-summary {
			background: transparent;
			border: 0;
			border-block-end: 1px solid var(--sefer-rule);
			border-radius: 0;
			box-shadow: none;
			margin-block: 0 1.75rem;
			padding-block: 0 1.75rem;
		}
		:root .post-reader-localized-context .meluket-summary-label {
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			font-size: clamp(1.6rem, 4vw, 2.1rem);
			font-weight: 700;
			color: var(--sefer-title-ink);
			margin-block-end: 0.9rem;
			display: flex;
			align-items: center;
			gap: 0.6rem;
		}
		:root .post-reader-localized-context .meluket-summary-label::before {
			content: "\1F4D6";
			font-size: 0.9em;
			line-height: 1;
		}
		:root .post-reader-localized-context .meluket-post-summary p,
		:root .post-reader-localized-context .meluket-summary p {
			font-family: "Source Serif 4", Georgia, serif;
			color: var(--sefer-ink-soft);
			max-inline-size: 62ch;
			margin-block: 0 0.9em;
		}
		:root .post-reader-localized-context .meluket-post-summary p:last-child,
		:root .post-reader-localized-context .meluket-summary p:last-child {
			margin-block-end: 0;
		}

		/* ---------- verse sections: hairline dividers like the dream ---------- */
		:root .post-reader-localized-context .meluket-sefer-section {
			padding-block: 1.5rem;
			border-block-end: 1px solid var(--sefer-rule);
		}
		:root .post-reader-localized-context .meluket-sefer-section:last-child {
			border-block-end: 0;
			padding-block-end: 0.5rem;
		}
		:root .post-reader-localized-context .meluket-section-marker {
			margin-block-end: 0.75rem;
		}
		:root .post-reader-localized-context .meluket-section-number {
			font-family: "Inter", system-ui, sans-serif;
			font-size: 0.85rem;
			font-weight: 700;
			letter-spacing: 0.08em;
			text-transform: uppercase;
			color: var(--sefer-accent);
		}
		:root .post-reader-localized-context .meluket-hebrew {
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			font-weight: 700;
			color: var(--sefer-ink);
			margin-block-end: 1rem;
			text-wrap: pretty;
		}
		:root .post-reader-localized-context .meluket-english,
		:root[data-theme="light"] .post-reader-localized-context .meluket-english {
			font-family: "Source Serif 4", Georgia, serif;
			color: var(--sefer-ink-soft);
			max-inline-size: 68ch;
		}
		:root[data-theme="dark"] .post-reader-localized-context .meluket-english {
			font-family: "Source Serif 4", Georgia, serif;
			color: var(--sefer-ink-soft);
		}
		:root .post-reader-localized-context .meluket-phrase {
			margin-block-end: 0.35em;
		}

		/* ---------- Q&A ---------- */
		:root .post-reader-localized-context .meluket-qa {
			margin-block-start: 0.5rem;
		}
		:root .post-reader-localized-context .meluket-qa-title {
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			font-size: clamp(1.6rem, 4vw, 2.1rem);
			font-weight: 700;
			color: var(--sefer-title-ink);
			margin-block: 0.5rem 1.25rem;
			padding-block-start: 1.75rem;
			border-block-start: 1px solid var(--sefer-rule);
		}
		:root .post-reader-localized-context .meluket-qa-list {
			display: grid;
			gap: 1.25rem;
		}
		:root .post-reader-localized-context .meluket-qa-item {
			display: grid;
			gap: 0.5rem;
			padding-block-end: 1.25rem;
			border-block-end: 1px solid var(--sefer-rule);
		}
		:root .post-reader-localized-context .meluket-qa-item:last-child {
			border-block-end: 0;
			padding-block-end: 0;
		}
		:root .post-reader-localized-context .meluket-qa-q {
			font-family: "Source Serif 4", Georgia, serif;
			font-weight: 700;
			color: var(--sefer-ink);
			font-size: 1.15rem;
			line-height: 1.6;
		}
		:root .post-reader-localized-context .meluket-qa-a {
			font-family: "Source Serif 4", Georgia, serif;
			color: var(--sefer-ink-soft);
			font-size: 1.05rem;
			line-height: 1.65;
		}

		/* ---------- footnotes shelf ---------- */
		:root .post-reader-localized-context .meluket-footnotes-shelf {
			margin-block-start: 0.5rem;
			padding-block-start: 1.75rem;
			border-block-start: 1px solid var(--sefer-rule);
		}
		:root .post-reader-localized-context .meluket-footnotes-title {
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			font-size: clamp(1.4rem, 3.4vw, 1.8rem);
			font-weight: 700;
			color: var(--sefer-title-ink);
			margin-block-end: 1rem;
		}
		:root .post-reader-localized-context .meluket-footnotes-list {
			display: grid;
			gap: 1rem;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		:root .post-reader-localized-context .meluket-footnote {
			display: flex;
			gap: 0.75rem;
			align-items: baseline;
		}
		:root .post-reader-localized-context .meluket-footnote-num {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			flex: none;
			width: 2.4rem;
			height: 2.4rem;
			border-radius: 50%;
			background: linear-gradient(160deg, var(--law8-gold-bright), var(--law8-gold) 58%, var(--law8-gold-deep));
			color: var(--law8-on-gold);
			font-family: "Inter", system-ui, sans-serif;
			font-size: 1.05rem;
			font-weight: 800;
			line-height: 1;
			box-shadow: 0 2px 8px rgba(var(--law8-glow), 0.35), inset 0 1px 0 rgba(var(--law8-glow), 0.40);
		}
		:root .post-reader-localized-context .meluket-footnote-body {
			font-family: "Source Serif 4", Georgia, serif;
			color: var(--sefer-ink-soft);
			font-size: 1.05rem;
			line-height: 1.65;
		}
		:root .post-reader-localized-context .meluket-footnote-body p {
			margin-block: 0 0.6em;
		}
		:root .post-reader-localized-context .meluket-footnote-he {
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			color: var(--sefer-ink);
		}
		:root .post-reader-localized-context .meluket-footnote-highlight {
			background: var(--sefer-paper-deep);
			border-radius: 0.5rem;
		}

		/* ---------- floating dock: Aa + Sources ---------- */
		:root .post-reader-localized-context .awtsmoos-floating-controls {
			position: fixed;
			z-index: 3000;
			inset-block-end: max(1.25rem, env(safe-area-inset-bottom, 0px));
			inset-inline-end: max(1.25rem, env(safe-area-inset-right, 0px));
			display: flex;
			align-items: center;
			gap: 0.75rem;
		}
		:root .post-reader-localized-context #typographyBtn,
		:root[data-theme="light"] .post-reader-localized-context #typographyBtn {
			inline-size: 5.5rem;
			block-size: 5.5rem;
			border-radius: 50%;
			border: 1px solid var(--sefer-rule);
			background: var(--sefer-card);
			color: var(--sefer-title-ink);
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			font-size: 1.8rem;
			font-weight: 700;
			cursor: pointer;
			box-shadow: 0 0.9rem 2.2rem rgb(96 70 32 / 24%), inset 0 1px 0 rgb(255 255 255 / 60%);
			transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 0;
		}
		:root[data-theme="dark"] .post-reader-localized-context #typographyBtn {
			box-shadow: 0 0.9rem 2.2rem rgb(0 0 0 / 55%), inset 0 1px 0 rgb(255 255 255 / 8%);
		}
		:root .post-reader-localized-context #typographyBtn:hover {
			transform: translateY(-2px);
			box-shadow: 0 1.2rem 2.6rem rgb(96 70 32 / 30%), inset 0 1px 0 rgb(255 255 255 / 60%);
		}
		:root[data-theme="dark"] .post-reader-localized-context #typographyBtn:hover {
			box-shadow: 0 1.2rem 2.6rem rgb(0 0 0 / 60%), inset 0 1px 0 rgb(255 255 255 / 8%);
		}
		:root .post-reader-localized-context #typographyBtn:focus-visible {
			outline: 3px solid var(--sefer-focus);
			outline-offset: 3px;
		}
		:root .post-reader-localized-context #typographyBtn:active {
			transform: translateY(1px) scale(0.97);
		}
		:root .post-reader-localized-context #typographyBtn:disabled {
			opacity: 0.45;
			cursor: not-allowed;
			transform: none;
		}
		:root .post-reader-localized-context #commentaryBtn,
		:root[data-theme="light"] .post-reader-localized-context #commentaryBtn {
			inline-size: 3.75rem;
			block-size: 3.75rem;
			border-radius: 50%;
			border: 1px solid var(--sefer-rule);
			background: var(--sefer-card);
			color: var(--sefer-ink-soft);
			font-family: "Inter", system-ui, sans-serif;
			font-size: 0.8rem;
			font-weight: 700;
			line-height: 1.15;
			cursor: pointer;
			box-shadow: 0 0.6rem 1.6rem rgb(96 70 32 / 20%), inset 0 1px 0 rgb(255 255 255 / 60%);
			transition: transform 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			padding: 0 0.25rem;
			text-align: center;
		}
		:root[data-theme="dark"] .post-reader-localized-context #commentaryBtn {
			box-shadow: 0 0.6rem 1.6rem rgb(0 0 0 / 50%), inset 0 1px 0 rgb(255 255 255 / 8%);
		}
		:root .post-reader-localized-context #commentaryBtn:hover {
			color: var(--sefer-title-ink);
			transform: translateY(-2px);
		}
		:root .post-reader-localized-context #commentaryBtn:focus-visible {
			outline: 3px solid var(--sefer-focus);
			outline-offset: 3px;
		}
		:root .post-reader-localized-context #commentaryBtn:active {
			transform: translateY(1px) scale(0.97);
		}
		:root .post-reader-localized-context #commentaryBtn:disabled {
			opacity: 0.45;
			cursor: not-allowed;
			transform: none;
		}

		/* ---------- wide screens ---------- */
		@media (min-width: 60rem) {
			:root .post-reader-localized-context #realPost .meluket-sefer {
				--dream-pad: 3.25rem 3.5rem;
			}
		}

		/* ---------- reduced motion ---------- */
		@media (prefers-reduced-motion: reduce) {
			:root .post-reader-localized-context #typographyBtn,
			:root .post-reader-localized-context #commentaryBtn {
				transition: none;
			}
		}

/* B"H — extracted from _awtsmoos.post.html #awtsmoos-dream-sources-fn */
/* B"H — Footnote popup + Sources sheet, dream-styled.
		   Warm cream cards, gold accents, serif; CSS tokens only, zero !important.
		   Layers sit above the Scribe's Lens stack (3040/3050/3060): 3070/3080.
		   Reference: the approved dream mockups (light + dark). */

		/* ---------- shared overlays ---------- */
		:root .post-reader-localized-context .awtsmoos-fn-overlay,
		:root .post-reader-localized-context .awtsmoos-src-overlay {
			position: fixed;
			inset: 0;
			z-index: 3070;
			background: rgb(43 30 15 / 46%);
			-webkit-backdrop-filter: blur(3px);
			backdrop-filter: blur(3px);
			opacity: 0;
			pointer-events: none;
			transition: opacity 200ms ease;
		}
		:root .post-reader-localized-context .awtsmoos-fn-overlay.is-open,
		:root .post-reader-localized-context .awtsmoos-src-overlay.is-open {
			opacity: 1;
			pointer-events: auto;
		}

		/* ---------- footnote modal ---------- */
		:root .post-reader-localized-context .awtsmoos-fn-modal {
			position: fixed;
			z-index: 3080;
			inset-inline: 0;
			top: 50%;
			inline-size: min(32rem, calc(100% - 2.5rem));
			margin-inline: auto;
			max-block-size: min(70vh, 34rem);
			overflow-y: auto;
			background: var(--sefer-card);
			border: 1px solid var(--sefer-rule);
			border-radius: 1.5rem;
			box-shadow: var(--sefer-shadow);
			padding: 1.25rem 1.5rem 1.5rem;
			opacity: 0;
			pointer-events: none;
			transform: translateY(-46%) scale(.97);
			transition: opacity 220ms ease, transform 220ms ease;
		}
		:root .post-reader-localized-context .awtsmoos-fn-modal.is-open {
			opacity: 1;
			pointer-events: auto;
			transform: translateY(-50%) scale(1);
		}
		:root .post-reader-localized-context .awtsmoos-fn-head {
			display: flex;
			align-items: center;
			gap: .75rem;
			margin-block-end: .9rem;
			padding-block-end: .75rem;
			border-block-end: 1px solid var(--sefer-rule);
		}
		:root .post-reader-localized-context .awtsmoos-fn-num {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-inline-size: 2.25rem;
			block-size: 2.25rem;
			border-radius: 50%;
			border: 2px solid var(--sefer-accent);
			color: var(--sefer-accent);
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			font-weight: 700;
			font-size: 1.15rem;
			line-height: 1;
			flex: none;
		}
		:root .post-reader-localized-context .awtsmoos-fn-title {
			flex: 1;
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			font-size: 1.35rem;
			font-weight: 700;
			color: var(--sefer-title-ink);
		}
		:root .post-reader-localized-context .awtsmoos-fn-close,
		:root .post-reader-localized-context .awtsmoos-src-close {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			inline-size: 2.5rem;
			block-size: 2.5rem;
			flex: none;
			border-radius: 50%;
			border: 1px solid var(--sefer-rule);
			background: var(--sefer-paper);
			color: var(--sefer-ink-soft);
			font-size: 1.1rem;
			line-height: 1;
			cursor: pointer;
			transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
		}
		:root .post-reader-localized-context .awtsmoos-fn-close:hover,
		:root .post-reader-localized-context .awtsmoos-src-close:hover {
			background: var(--sefer-paper-deep);
			color: var(--sefer-ink);
			border-color: var(--sefer-accent);
		}
		:root .post-reader-localized-context .awtsmoos-fn-close:focus-visible,
		:root .post-reader-localized-context .awtsmoos-src-close:focus-visible {
			outline: 2px solid var(--sefer-focus);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .awtsmoos-fn-close:active,
		:root .post-reader-localized-context .awtsmoos-src-close:active {
			transform: scale(.94);
		}
		:root .post-reader-localized-context .awtsmoos-fn-close:disabled,
		:root .post-reader-localized-context .awtsmoos-src-close:disabled {
			opacity: .45;
			cursor: not-allowed;
			transform: none;
		}
		:root .post-reader-localized-context .awtsmoos-fn-body {
			display: grid;
			gap: .9rem;
		}
		:root .post-reader-localized-context .awtsmoos-fn-he {
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			font-size: 1.5rem;
			line-height: 1.9;
			color: var(--sefer-ink);
		}
		:root .post-reader-localized-context .awtsmoos-fn-en {
			font-family: "Inter", system-ui, sans-serif;
			font-size: 1.1rem;
			line-height: 1.7;
			color: var(--sefer-ink-soft);
		}

		/* ---------- sources sheet ---------- */
		:root .post-reader-localized-context .awtsmoos-src-sheet {
			position: fixed;
			z-index: 3080;
			inset-inline: 0;
			bottom: 0;
			inline-size: min(38rem, 100%);
			margin-inline: auto;
			max-block-size: 84vh;
			display: flex;
			flex-direction: column;
			background: var(--sefer-card);
			border: 1px solid var(--sefer-rule);
			border-block-end: none;
			border-start-start-radius: 1.75rem;
			border-start-end-radius: 1.75rem;
			box-shadow: var(--sefer-shadow);
			transform: translateY(103%);
			transition: transform 260ms ease;
		}
		:root .post-reader-localized-context .awtsmoos-src-sheet.is-open {
			transform: translateY(0);
		}
		:root .post-reader-localized-context .awtsmoos-src-grab {
			inline-size: 3rem;
			block-size: .3rem;
			border-radius: 999px;
			background: var(--sefer-rule);
			margin: .7rem auto .2rem;
			flex: none;
		}
		:root .post-reader-localized-context .awtsmoos-src-head {
			display: flex;
			align-items: center;
			gap: .75rem;
			padding: .5rem 1.25rem .9rem;
			border-block-end: 1px solid var(--sefer-rule);
			flex: none;
		}
		:root .post-reader-localized-context .awtsmoos-src-title {
			flex: 1;
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			font-size: 1.6rem;
			font-weight: 700;
			color: var(--sefer-title-ink);
		}
		:root .post-reader-localized-context .awtsmoos-src-meta {
			padding: 1rem 1.25rem 0;
			flex: none;
		}
		:root .post-reader-localized-context .awtsmoos-src-card {
			background: var(--sefer-paper);
			border: 1px solid var(--sefer-rule);
			border-radius: 1.25rem;
			padding: 1rem 1.15rem;
			display: grid;
			gap: .55rem;
		}
		:root .post-reader-localized-context .awtsmoos-src-card-row {
			display: flex;
			gap: .75rem;
			align-items: baseline;
		}
		:root .post-reader-localized-context .awtsmoos-src-card-label {
			flex: none;
			inline-size: 4.5rem;
			font-size: .8rem;
			font-weight: 700;
			letter-spacing: .06em;
			text-transform: uppercase;
			color: var(--sefer-accent);
		}
		:root .post-reader-localized-context .awtsmoos-src-card-value {
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			font-size: 1.15rem;
			color: var(--sefer-ink);
		}
		:root .post-reader-localized-context .awtsmoos-src-stats {
			font-size: .9rem;
			color: var(--sefer-ink-soft);
			border-block-start: 1px dashed var(--sefer-rule);
			padding-block-start: .55rem;
		}
		:root .post-reader-localized-context .awtsmoos-src-list {
			overflow-y: auto;
			padding: .75rem 1.25rem 1.75rem;
			display: grid;
			gap: .55rem;
		}
		:root .post-reader-localized-context .awtsmoos-src-item {
			display: flex;
			flex-direction: column;
			border: 1px solid var(--sefer-rule);
			border-radius: 1rem;
			background: var(--sefer-paper);
			overflow: hidden;
		}
		:root .post-reader-localized-context .awtsmoos-src-goto {
			display: flex;
			align-items: center;
			gap: .8rem;
			inline-size: 100%;
			padding: .8rem .95rem;
			background: transparent;
			border: none;
			cursor: pointer;
			text-align: start;
			transition: background-color .18s ease;
		}
		:root .post-reader-localized-context .awtsmoos-src-goto:hover {
			background: var(--sefer-paper-deep);
		}
		:root .post-reader-localized-context .awtsmoos-src-goto:focus-visible {
			outline: 2px solid var(--sefer-focus);
			outline-offset: -2px;
		}
		:root .post-reader-localized-context .awtsmoos-src-goto:active {
			background: var(--sefer-paper-deep);
		}
		:root .post-reader-localized-context .awtsmoos-src-medaillon {
			flex: none;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			inline-size: 2rem;
			block-size: 2rem;
			border-radius: 50%;
			border: 1.5px solid var(--sefer-accent);
			color: var(--sefer-accent);
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			font-weight: 700;
			font-size: .95rem;
			line-height: 1;
		}
		:root .post-reader-localized-context .awtsmoos-src-preview {
			font-size: 1rem;
			line-height: 1.55;
			color: var(--sefer-ink-soft);
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		:root .post-reader-localized-context .awtsmoos-src-comment-btn {
			align-self: flex-end;
			margin: 0 .95rem .85rem;
			padding: .55rem 1.2rem;
			border-radius: 999px;
			border: 1px solid var(--sefer-accent);
			background: transparent;
			color: var(--sefer-accent);
			font-size: .95rem;
			font-weight: 700;
			line-height: 1.2;
			cursor: pointer;
			transition: background-color .18s ease, color .18s ease, transform .18s ease;
		}
		:root .post-reader-localized-context .awtsmoos-src-comment-btn:hover {
			background: var(--sefer-accent);
			color: var(--sefer-card);
		}
		:root .post-reader-localized-context .awtsmoos-src-comment-btn:focus-visible {
			outline: 2px solid var(--sefer-focus);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .awtsmoos-src-comment-btn:active {
			transform: scale(.96);
		}
		:root .post-reader-localized-context .awtsmoos-src-composer {
			display: grid;
			gap: .6rem;
			padding: 0 .95rem .95rem;
		}
		:root .post-reader-localized-context .awtsmoos-src-textarea {
			inline-size: 100%;
			min-block-size: 4.5rem;
			border: 1px solid var(--sefer-rule);
			border-radius: .9rem;
			background: var(--sefer-card);
			color: var(--sefer-ink);
			padding: .7rem .9rem;
			font-size: 1rem;
			line-height: 1.55;
			font-family: inherit;
			resize: vertical;
		}
		:root .post-reader-localized-context .awtsmoos-src-textarea:focus-visible {
			outline: 2px solid var(--sefer-focus);
			outline-offset: 1px;
			border-color: var(--sefer-accent);
		}
		:root .post-reader-localized-context .awtsmoos-src-composer-actions {
			display: flex;
			gap: .6rem;
			justify-content: flex-end;
		}
		:root .post-reader-localized-context .awtsmoos-src-send,
		:root .post-reader-localized-context .awtsmoos-src-cancel {
			padding: .6rem 1.3rem;
			border-radius: 999px;
			font-size: .95rem;
			font-weight: 700;
			line-height: 1.2;
			cursor: pointer;
			transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, opacity .18s ease;
		}
		:root .post-reader-localized-context .awtsmoos-src-send {
			border: 1px solid var(--sefer-accent);
			background: var(--sefer-accent);
			color: var(--sefer-card);
		}
		:root .post-reader-localized-context .awtsmoos-src-send:hover {
			filter: brightness(1.07);
		}
		:root .post-reader-localized-context .awtsmoos-src-send:focus-visible {
			outline: 2px solid var(--sefer-focus);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .awtsmoos-src-send:active {
			transform: scale(.96);
		}
		:root .post-reader-localized-context .awtsmoos-src-send:disabled {
			opacity: .5;
			cursor: not-allowed;
			transform: none;
		}
		:root .post-reader-localized-context .awtsmoos-src-cancel {
			border: 1px solid var(--sefer-rule);
			background: transparent;
			color: var(--sefer-ink-soft);
		}
		:root .post-reader-localized-context .awtsmoos-src-cancel:hover {
			color: var(--sefer-ink);
			border-color: var(--sefer-accent);
		}
		:root .post-reader-localized-context .awtsmoos-src-cancel:focus-visible {
			outline: 2px solid var(--sefer-focus);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .awtsmoos-src-cancel:active {
			transform: scale(.96);
		}
		:root .post-reader-localized-context .awtsmoos-src-notice {
			font-size: .9rem;
			line-height: 1.5;
			min-block-size: 1.35em;
			color: var(--sefer-ink-soft);
		}
		:root .post-reader-localized-context .awtsmoos-src-notice.is-error {
			color: var(--sefer-focus);
		}
		:root .post-reader-localized-context .awtsmoos-src-notice.is-ok {
			color: var(--sefer-accent);
		}

		/* ---------- reduced motion ---------- */
		@media (prefers-reduced-motion: reduce) {
			:root .post-reader-localized-context .awtsmoos-fn-overlay,
			:root .post-reader-localized-context .awtsmoos-src-overlay,
			:root .post-reader-localized-context .awtsmoos-fn-modal,
			:root .post-reader-localized-context .awtsmoos-src-sheet,
			:root .post-reader-localized-context .awtsmoos-fn-close,
			:root .post-reader-localized-context .awtsmoos-src-close,
			:root .post-reader-localized-context .awtsmoos-src-goto,
			:root .post-reader-localized-context .awtsmoos-src-comment-btn,
			:root .post-reader-localized-context .awtsmoos-src-send,
			:root .post-reader-localized-context .awtsmoos-src-cancel {
				transition: none;
			}
		}

/* B"H — extracted from _awtsmoos.post.html #awtsmoos-dream-universal */
/* B"H — Dream universal: every series, every reader surface.
		   The four canonical dream blocks cover Meluket content + the Scribe's
		   Lens chrome + footnotes/sources. This block extends the SAME warm
		   cream/gold dream to non-Meluket series content
		   (.section/.toichen/.sub-awtsmoos), the social discussion, and inline
		   comments — so ikar Torah series, other heichels, and other corpora
		   read in the same dream.
		   Yaakov's laws: ZERO !important; CSS custom-property tokens only;
		   explicit colors for both themes; full interactive states on every
		   control; 44px tap targets; RTL-safe Hebrew; no horizontal overflow.
		   This block sits LAST in <head>, so equal-specificity rules here win. */

		/* ---------- 1. non-Meluket English body: serif beneath Hebrew ---------- */
		:root .post-reader-localized-context .section:not(.heb) > .toichen,
		:root .post-reader-localized-context .sub-awtsmoos:not(.heb),
		:root[data-theme="light"] .post-reader-localized-context .section:not(.heb) > .toichen,
		:root[data-theme="light"] .post-reader-localized-context .sub-awtsmoos:not(.heb) {
			font-family: "Source Serif 4", Georgia, serif;
			color: var(--sefer-ink-soft);
			line-height: 1.75;
		}
		:root[data-theme="dark"] .post-reader-localized-context .section:not(.heb) > .toichen,
		:root[data-theme="dark"] .post-reader-localized-context .sub-awtsmoos:not(.heb) {
			font-family: "Source Serif 4", Georgia, serif;
			color: var(--sefer-ink-soft);
			line-height: 1.75;
		}
		/* Hebrew chunks: RTL is set in reader.css; keep nikkud-safe rhythm. */
		:root .post-reader-localized-context .toichen.heb,
		:root .post-reader-localized-context .sub-awtsmoos.heb {
			line-height: 1.85;
			text-wrap: pretty;
		}

		/* ---------- 2. social discussion: the community in the dream ---------- */
		:root .post-reader-localized-context #awtsmoos-social-discussion {
			max-inline-size: min(46rem, calc(100vw - 2rem));
			margin-inline: auto;
			padding-block: 2rem 4rem;
			color: var(--sefer-ink);
		}
		:root .post-reader-localized-context #awtsmoos-social-discussion > header {
			text-align: center;
			margin-block-end: 1.75rem;
		}
		:root .post-reader-localized-context #awtsmoos-social-discussion > header > span {
			display: inline-block;
			font-family: "Inter", system-ui, sans-serif;
			font-size: 0.8rem;
			font-weight: 700;
			letter-spacing: 0.08em;
			text-transform: uppercase;
			color: var(--sefer-accent);
			margin-block-end: 0.5rem;
		}
		:root .post-reader-localized-context #awtsmoos-social-discussion > header > h2 {
			font-family: "Frank Ruhl Libre", "Cardo", serif;
			font-weight: 700;
			font-size: clamp(1.6rem, 4vw, 2.1rem);
			color: var(--sefer-title-ink);
			margin: 0 0 0.6rem;
			text-wrap: balance;
		}
		:root .post-reader-localized-context #awtsmoos-social-discussion > header > p {
			font-family: "Source Serif 4", Georgia, serif;
			color: var(--sefer-ink-soft);
			margin: 0 auto;
			max-inline-size: 62ch;
			line-height: 1.65;
		}
		:root .post-reader-localized-context .awtsmoos-social-thread {
			display: grid;
			gap: 1rem;
		}
		:root .post-reader-localized-context .awtsmoos-social-empty {
			text-align: center;
			font-family: "Source Serif 4", Georgia, serif;
			color: var(--sefer-ink-soft);
			background: var(--sefer-card);
			border: 1px dashed var(--sefer-rule);
			border-radius: 1.25rem;
			padding: 2rem 1.5rem;
		}
		:root .post-reader-localized-context .awtsmoos-social-comment-body {
			font-family: "Source Serif 4", Georgia, serif;
			color: var(--sefer-ink);
			line-height: 1.7;
			margin-block: 0.6rem;
			overflow-wrap: anywhere;
		}
		:root .post-reader-localized-context .awtsmoos-social-actions {
			display: flex;
			flex-wrap: wrap;
			gap: 0.5rem;
		}
		:root .post-reader-localized-context .awtsmoos-social-actions button,
		:root .post-reader-localized-context .awtsmoos-reaction-chip {
			display: inline-flex;
			align-items: center;
			gap: 0.4rem;
			min-block-size: 2.75rem;
			padding: 0.5rem 0.95rem;
			border-radius: 999px;
			border: 1px solid var(--sefer-rule);
			background: var(--sefer-paper);
			color: var(--sefer-ink-soft);
			font-family: "Inter", system-ui, sans-serif;
			font-size: 0.9rem;
			font-weight: 700;
			cursor: pointer;
			transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
		}
		:root .post-reader-localized-context .awtsmoos-social-actions button:hover,
		:root .post-reader-localized-context .awtsmoos-reaction-chip:hover {
			border-color: var(--sefer-accent);
			color: var(--sefer-ink);
			background: var(--sefer-paper-deep);
		}
		:root .post-reader-localized-context .awtsmoos-social-actions button:focus-visible,
		:root .post-reader-localized-context .awtsmoos-reaction-chip:focus-visible {
			outline: 2px solid var(--sefer-focus);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .awtsmoos-social-actions button:active,
		:root .post-reader-localized-context .awtsmoos-reaction-chip:active {
			transform: scale(0.96);
		}
		:root .post-reader-localized-context .awtsmoos-social-actions button:disabled,
		:root .post-reader-localized-context .awtsmoos-reaction-chip:disabled {
			opacity: 0.45;
			cursor: not-allowed;
			transform: none;
		}
		:root .post-reader-localized-context .awtsmoos-reaction-chip[aria-pressed="true"] {
			background: var(--sefer-accent);
			border-color: var(--sefer-accent);
			color: var(--sefer-on-accent);
		}
		:root .post-reader-localized-context .awtsmoos-social-reply {
			margin-inline-start: 1rem;
			padding-inline-start: 1rem;
			border-inline-start: 2px solid var(--sefer-rule);
		}
		:root .post-reader-localized-context .awtsmoos-comment-connect-status {
			font-size: 0.85rem;
			color: var(--sefer-ink-soft);
			min-block-size: 1.35em;
		}

		/* ---------- 3. inline comments: dream cards ---------- */
		:root .post-reader-localized-context .commentator.inline {
			inline-size: 100%;
			max-inline-size: 100%;
			margin: 1em 0;
			padding: 0.75em;
			border: 1px dashed var(--sefer-rule);
			border-radius: 1rem;
			background: var(--sefer-paper);
			color: var(--sefer-ink);
			overflow-wrap: anywhere;
		}
		:root .post-reader-localized-context .inline-comment {
			position: relative;
			margin: 0.5rem 0;
			padding: 0.75rem 0.75rem 0.75rem 1rem;
			border: 1px solid var(--sefer-rule);
			border-radius: 0.9rem;
			background: var(--sefer-card);
			color: var(--sefer-ink);
			box-shadow: var(--sefer-shadow);
			font-family: "Source Serif 4", Georgia, serif;
			line-height: 1.65;
			overflow-wrap: anywhere;
		}
		:root .post-reader-localized-context .inline-comment::before {
			content: "";
			position: absolute;
			inset-inline-start: 0;
			top: 0.75rem;
			bottom: 0.75rem;
			inline-size: 4px;
			border-radius: 999px;
			background: var(--sefer-accent);
		}
		:root .post-reader-localized-context .inline-comment .focus-trigger {
			position: absolute;
			top: 0.4rem;
			inset-inline-end: 0.4rem;
			inline-size: 2.5rem;
			block-size: 2.5rem;
			border: 1px solid var(--sefer-rule);
			border-radius: 50%;
			color: var(--sefer-ink-soft);
			background: var(--sefer-paper);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			font-size: 0.9rem;
			transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
		}
		:root .post-reader-localized-context .inline-comment .focus-trigger:hover {
			background: var(--sefer-accent);
			border-color: var(--sefer-accent);
			color: var(--sefer-on-accent);
			transform: scale(1.06);
		}
		:root .post-reader-localized-context .inline-comment .focus-trigger:focus-visible {
			outline: 2px solid var(--sefer-focus);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .inline-comment .focus-trigger:active {
			transform: scale(0.94);
		}
		:root .post-reader-localized-context .inline-comment .btn.small {
			inline-size: calc(100% - 1.25rem);
			margin: 0.6rem 0.625rem 0.625rem;
			box-sizing: border-box;
			display: block;
			text-align: center;
			min-block-size: 2.75rem;
			border-radius: 999px;
			border: 1px solid var(--sefer-accent);
			background: transparent;
			color: var(--sefer-accent);
			font-weight: 700;
			cursor: pointer;
			transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
		}
		:root .post-reader-localized-context .inline-comment .btn.small:hover {
			background: var(--sefer-accent);
			color: var(--sefer-on-accent);
		}
		:root .post-reader-localized-context .inline-comment .btn.small:focus-visible {
			outline: 2px solid var(--sefer-focus);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .inline-comment .btn.small:active {
			transform: scale(0.97);
		}

		/* ---------- 4. modern-composer verse wrappers: no overflow ---------- */
		:root .post-reader-localized-context .awtsmoos-modern-section,
		:root .post-reader-localized-context .awtsmoos-normal-verse-chunk {
			min-inline-size: 0;
			max-inline-size: 100%;
			overflow-wrap: anywhere;
		}
		:root .post-reader-localized-context .awtsmoos-modern-section__body {
			display: grid;
			gap: 1rem;
		}

		/* ---------- 5. small screens: the dream fits in one hand ---------- */
		@media (max-width: 26rem) {
			:root .post-reader-localized-context #awtsmoos-social-discussion {
				padding-inline: 0.25rem;
			}
			:root .post-reader-localized-context .awtsmoos-social-reply {
				margin-inline-start: 0.45rem;
				padding-inline-start: 0.55rem;
			}
			:root .post-reader-localized-context .inline-comment {
				padding: 0.65rem 0.65rem 0.65rem 0.9rem;
			}
		}

		/* ---------- 6. generic footnote overlay (non-Meluket series) ---------- */
		:root .post-reader-localized-context #realPost sup[data-footnote-id],
		:root .post-reader-localized-context #realPost .footnote-ref {
			color: var(--sefer-accent);
			font-weight: 700;
			cursor: pointer;
			border-radius: 0.35rem;
			padding-inline: 0.15em;
			transition: color 0.18s ease, background-color 0.18s ease;
		}
		:root .post-reader-localized-context #realPost sup[data-footnote-id]:hover,
		:root .post-reader-localized-context #realPost .footnote-ref:hover {
			color: var(--sefer-focus);
			background: color-mix(in srgb, var(--sefer-accent) 12%, transparent);
		}
		:root .post-reader-localized-context #realPost sup[data-footnote-id]:focus-visible,
		:root .post-reader-localized-context #realPost .footnote-ref:focus-visible {
			outline: 2px solid var(--sefer-focus);
			outline-offset: 2px;
		}
		:root .post-reader-localized-context .awtsmoos-footnote-overlay {
			position: fixed;
			inset: 0;
			z-index: 3070;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 1.25rem;
			background: rgb(43 30 15 / 46%);
			-webkit-backdrop-filter: blur(3px);
			backdrop-filter: blur(3px);
		}
		:root .post-reader-localized-context .awtsmoos-footnote-overlay .awtsmoosFootnote {
			inline-size: min(32rem, 100%);
			max-block-size: min(70vh, 34rem);
			overflow-y: auto;
			background: var(--sefer-card);
			border: 1px solid var(--sefer-rule);
			border-radius: 1.5rem;
			box-shadow: var(--sefer-shadow);
			padding: 1.25rem 1.5rem 1.5rem;
			color: var(--sefer-ink);
			font-family: "Source Serif 4", Georgia, serif;
			line-height: 1.7;
		}

		/* ---------- 7. reduced motion ---------- */
		@media (prefers-reduced-motion: reduce) {
			:root .post-reader-localized-context .awtsmoos-social-actions button,
			:root .post-reader-localized-context .awtsmoos-reaction-chip,
			:root .post-reader-localized-context .inline-comment .focus-trigger,
			:root .post-reader-localized-context .inline-comment .btn.small {
				transition: none;
			}
		}