/* ── dkaluta.com terminal palette ─────────────────────────────────────────
   16 ANSI colors + bg/fg, mirroring dkaluta.com (dkaluta/dkaluta.github.io).
   Dark: Tomorrow Night (default) · Light: Tomorrow, via prefers-color-scheme
   — the blog follows the OS appearance exactly like the main site. */
:root {
	color-scheme: dark;
	--bg: #1d1f21;
	--fg: #c5c8c6;
	--color0: #1d1f21;
	--color1: #cc6666;
	--color2: #b5bd68;
	--color3: #f0c674;
	--color4: #81a2be;
	--color5: #b294bb;
	--color6: #8abeb7;
	--color7: #c5c8c6;
	--color8: #969896;
	--color9: #cc6666;
	--color10: #b5bd68;
	--color11: #f0c674;
	--color12: #81a2be;
	--color13: #b294bb;
	--color14: #8abeb7;
	--color15: #ffffff;
}

@media (prefers-color-scheme: light) {
	:root {
		color-scheme: light;
		--bg: #ffffff;
		--fg: #4d4d4c;
		--color0: #000000;
		--color1: #c82829;
		--color2: #718c00;
		--color3: #eab700;
		--color4: #4271ae;
		--color5: #8959a8;
		--color6: #3e999f;
		--color7: #dcdcdc;
		--color8: #8e908c;
		--color9: #c82829;
		--color10: #718c00;
		--color11: #eab700;
		--color12: #4271ae;
		--color13: #8959a8;
		--color14: #3e999f;
		--color15: #1d1f21;
	}
}

/* Semantic roles from the palette (same names as the main site). */
:root {
	--accent: var(--color4); /* blue   */
	--prompt: var(--color2); /* green  */
	--link: var(--color6); /* cyan   */
	--muted: var(--color8); /* gray   */
	--warn: var(--color1); /* red    */

	--mono: 'Source Code Pro', 'Cascadia Code', ui-monospace, 'SF Mono',
		Menlo, Consolas, monospace;
	--row: 1.45;
	--maxcol: 82ch;
}

/* Sumo's semantic variables, remapped onto the palette. Every component
   below (and any plugin styled against these names) follows the scheme. */
:root {
	--page-background: var(--bg);
	--main-text: var(--fg);
	--main-link: var(--link);
	--main-link-hover: var(--link);
	--main-link-border: transparent;
	--main-link-border-hover: var(--link);
	--profile-border: var(--color8);
	--navigation-button-border: var(--color8);
	--navigation-button-background: transparent;
	--navigation-button-border-hover: var(--accent);
	--navigation-button-background-hover: transparent;
	--navigation-text: var(--link);
	--navigation-text-hover: var(--link);
	--heading-color: var(--accent);
	--button-border: var(--color8);
	--button-background: transparent;
	--button-border-hover: var(--accent);
	--button-background-hover: transparent;
	--button-text: var(--accent);
	--button-text-hover: var(--accent);
	--hr: var(--color8);
	--blockquote-border: var(--color8);
	--blockquote-background: transparent;
	--blockquote-text: var(--fg);
	--code-border: var(--color8);
	--code-background: color-mix(in srgb, var(--color8) 18%, transparent);
	--pre-border: var(--color8);
	--pre-background: color-mix(in srgb, var(--color8) 10%, transparent);
	--note: color-mix(in srgb, var(--color3) 22%, var(--bg));
	--alert: color-mix(in srgb, var(--color1) 22%, var(--bg));
	--aside: color-mix(in srgb, var(--color8) 18%, var(--bg));
	--callout: color-mix(in srgb, var(--color4) 20%, var(--bg));
	--conversation-background: transparent;
	--comment-border: var(--color8);
	--footnotes: var(--muted);
	--footnote-super: var(--accent);
	--page-fold: color-mix(in srgb, var(--color8) 15%, var(--bg));
	--video-placeholder: var(--color0);
	--comment-form-background-color: color-mix(in srgb, var(--color8) 12%, var(--bg));
	--comment-form-border-color: var(--color8);
	--shared-note: color-mix(in srgb, var(--color3) 22%, var(--bg));
	--red-text: var(--warn);
	--highlight: var(--color3);
}

@media (prefers-contrast: more) {
	:root {
		--navigation-text: var(--fg);
		--button-text: var(--fg);
		--footnotes: var(--fg);
	}
}

/* Font stacks */
:root {
	--font_system_ui: system-ui, sans-serif;
	--font_transitional: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
	--font_old_style: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
	--font_humanist: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
	--font_geometric_humanist: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
	--font_classical_humanist: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
	--font_neo_grotesque: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
	--font_monospace_slab_serif: 'Nimbus Mono PS', 'Courier New', monospace;
	--font_monospace_code: var(--mono);
	--font_industrial: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
	--font_rounded_sans: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
	--font_slab_serif: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
	--font_antique: Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif;
	--font_didone: Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
	--font_handwritten: 'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive;
}


html {
	background-color: var(--page-background);
}

body {
	font-family: var(--mono);
	color: var(--main-text);
	-webkit-font-smoothing: antialiased;
	line-height: var(--row);
	margin: 0;
	font-size: 15px;
	-webkit-text-size-adjust: 100%;
}

.site-header {
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
	padding: 0 20px;
}

.site-header a {
	text-decoration: none;
	border-bottom: none;
}

.site-header .profile_photo {
	border-radius: 100%;
	text-align: center;
	padding: 2px;
	border: 1px solid var(--profile-border);
	width: 100px;
	height: auto;
}

@media (prefers-reduced-motion: no-preference) {
	.site-header .profile_photo {
		transition: transform 0.3s ease-in-out;
	}

	.site-header .profile_photo:hover {
		transform: scale(1.25);
	}
}

.site-header h1 {
	margin: 0;
}

.site-header nav ul {
	list-style-type: none;
	padding: 0;
}

.site-header nav ul li {
	display: inline;
	margin: 0 2px;
	line-height: 2.5;
	white-space: nowrap;
}

.site-header nav a {
	border: 1px solid var(--navigation-button-border);
	background-color: var(--navigation-button-background);
	color: var(--navigation-text);
	border-radius: 20px;
	padding: 0.5em 1em;
	font-size: 0.9em;
	font-weight: 500;
	transition: all 0.1s ease-in;
}

.site-header nav a:hover {
	border-color: var(--navigation-button-border-hover);
	background-color: var(--navigation-button-background-hover);
	color: var(--navigation-text-hover);
}

.site-header p, .page, .post-content, .post-preview, .post, .archive, .comments, .content-meta, .page-fold-content, footer {
	max-width: 700px;
	margin: 0 auto;
}

.page-content p, .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .page-content pre, .page-content blockquote, .page-content .post-date-wrapper, .page-content .reply-to, .microblog_conversation, .custom_footer, .page-content ul.bookshelf.bookshelf, .page-content .category-list, .site-nav, .quoteback-container, .gist, .tinylytics_countries {
	padding-left: 20px;
	padding-right: 20px;
}

.page-content ul, .page-content ol, .page-content dl {
	max-width: 680px;
	padding-left: 50px;
	padding-right: 20px;
}

.page-content .category-list {
	margin-top: 20px;
}

.page-content ul.bookshelf.bookshelf {
	padding-top: 20px;
}

.page-content li {
	margin-top: 15px;
	margin-bottom: 15px;
}

.page-content p {
	margin-top: 1em;
	margin-bottom: 1em;
}

.page-content img, .page-content video {
	display: block;
	width: 100%;
	max-width: 710px;
	padding-left: 0;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
}

.page-content h1 {
	font-size: 2em;
}

.page-content h1.category-title, .page-content h1.replies-title {
	margin-bottom: 50px;
}

.page-content h1.post-title {
	margin: 0 auto;
}

.page-content h1.post-title a {
	border: none;
	transition: border 0.1s ease-in;
}

.page-content h1.post-title a:hover {
	border-bottom: 2px solid var(--main-link-border-hover);
}

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
	margin-top: 1em;
	line-height: 1.3;
	color: var(--heading-color);
}

a {
	color: var(--main-link);
	text-decoration: none;
	border-bottom: 2px solid var(--main-link-border);
	transition: border-color 0.1s ease-in;
}

a:hover {
	border-color: var(--main-link-border-hover);
	color: var(--main-link);
}

.post-content a, .e-content a {
  word-break: break-word;
  overflow-wrap: break-word;
}

.without-title p:first-of-type {
	margin-top: 0;
}

hr {
	margin-top: 3em;
	margin-bottom: 3em;
	background-color: var(--hr);
	border: none;
	width: 60%;
	max-width: 400px;
	height: 5px;
	border-radius: 20px;
}

hr.article-break {
	width: auto;
	max-width: 100%;
	height: 1px;
	background-color: var(--hr);
	margin-top: 3em;
	margin-bottom: 3em;
	display: block;
	border: none;
}

a.post-date, .post-date-wrapper > time, .microblog_time a {
	opacity: 0.6;
	transition: opacity 0.1s ease-in;
	text-transform: uppercase;
	font-weight: 700;
	border: none;
}

@media (prefers-contrast: more) {
	a.post-date, .post-date-wrapper > time, .microblog_time a {
		opacity: 0.77;
	}
}

a.post-date:hover, .microblog_time a:hover  {
	opacity: 1;
}

a.post-date:hover::after {
	content: " ∞";
}

a.read-more {
	border: none;
}

.post {
	margin-bottom: 2em;
}

h2.post-title {
	color: var(--main-link);
	margin-top: 0;
}

h2.post-title a {
	text-decoration: none;
	color: var(--main-link);
	border: none;
}

h2.post-title a:hover {
	border: none;
}

blockquote {
	border-left: 8px solid var(--blockquote-border);
	background-color: var(--blockquote-background);
	color: var(--blockquote-text);
	font-size: 0.95em;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 0;
}

.page-content blockquote p {
	padding-left: 0;
}

.page-content blockquote p:first-of-type {
	margin-top: 0;
}

.page-content blockquote p:last-of-type {
	margin-bottom: 0;
}

blockquote cite {
	display: block;
	font-weight: bold;
	margin-top: 1em;
}

blockquote.large {
	font-size: 2em;
}

p.note, p.alert, p.aside, p.callout, aside {
	padding-top: 10px;
	padding-bottom: 10px;
}

p.note {
	background-color: var(--note);
}

p.alert {
	background-color: var(--alert);
}

p.aside, aside {
	background-color: var(--aside);
}

p.callout {
	background-color: var(--callout);
}

p code, li code, span.tinylytics_hits, span.tinylytics_uptime {
	background-color: var(--code-background);
	border: 1px solid var(--code-border);
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 0.85em;
	border-radius: 1em;
}


pre {
	background-color: var(--pre-background);
	border-top: 1px solid var(--pre-border);
	border-bottom: 1px solid var(--pre-border);
	white-space: pre-wrap;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 0.95em;
}

.post-nav {
	text-align: center;
}

.post-nav a {
	border: none;
}

a.button, button, .conversation-on-mb, .reply-on-mastodon, .reply-by-email, input:is([type="button"]), [type="submit"], [type="reset"]:disabled, input[type=search], input[type=email], input[type=text] {
	border: 1px solid var(--button-border);
	background-color: var(--button-background);
	color: var(--button-text);
	border-radius: 20px;
	padding: 0.5em 1em;
	font-size: 0.9em;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.1s ease-in;
	margin: 3px 0;
	white-space: nowrap;
	line-height: 2.66em;
}

a.button:hover, button:hover, .conversation-on-mb:hover, .reply-on-mastodon:hover, .reply-by-email:hover, input:is([type="button"]):hover, [type="submit"]:hover, [type="reset"]:disabled:hover {
	border-color: var(--button-border-hover);
	background-color: var(--button-background-hover);
	color: var(--button-text-hover);
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button.did_select {
	background-color: var(--button-background-hover);
	cursor: not-allowed;
	color: var(--button-text-hover);
}

.page-content p:has(video), .page-content p:has(iframe) {
	padding-left: 0;
	padding-right: 0;
}

.footnotes {
	font-size: 0.85em;
	color: var(--footnotes);
}

a.footnote-ref {
	color: var(--footnote-super);
	border: none;
}

.footnotes a.footnote-backref {
	border: none;
}

ul.reply-buttons, ul.post-tags {
	list-style-type: none;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

ul.post-tags {
	opacity: 0.8;
	font-size: 0.8em;
	margin-bottom: 50px;
}

ul.post-tags:before {
	content: "Filed as: ";
	font-weight: bold;
}

ul.reply-buttons li, ul.post-tags li {
	display: inline;
	margin-right: 0.2em;
	line-height: 2em;
	white-space: no-wrap;
}

.reply-to {
	font-weight: 700;
}

footer {
	text-align: center;
	margin-top: 100px;
	margin-bottom: 100px;
	opacity: 0.8;
	font-size: 0.8em;
	padding: 0 20px;
}

footer i {
	font-size: x-large;
	padding-right: 5px;
	padding-left: 5px;
}

footer a:has(i), footer a:has(i):hover {
	border: none;
}

.page-content p img {
	width: calc(100% + 40px);
	height: auto;
	margin: 0 -20px;
	margin-bottom: 20px;
}

.page-fold {
	background-color: var(--page-fold);
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
	/* full-bleed only to the edges of the tty window, not the viewport */
	margin-left: 0;
	margin-right: 0;
}

.page-fold-content h1, .page-fold-content h2, .page-fold-content h3, .page-fold-content h4, .page-fold-content h5, .page-fold-content h6 {
	margin-top: 0;
}

.red {
	color: var(--red-text);
}

figure {
	margin: 0;
}

figcaption {
	text-align: center;
	font-style: italic;
}

table {
	margin: 0 auto;
}

highlight {
	background-color: var(--highlight);
}

/* MAKES VIDEO EMBEDS THAT DON'T USE IFRAME RESPONSIVE. DOES NOT WORK WITH YOUTUBE. */
video {
	width: 100% !important;
	height: auto !important;
	background: var(--video-placeholder);
}

/* PHOTOS GRID CONTAINER FIXES */

.photos-grid-container a, .photos-grid a {
	border: none;
}

img.photos-grid-item {
	border-radius: 0 !important;
}

/* MICROBLOG CONVERSATION */

.microblog_conversation {
	background: var(--conversation-background);
	padding-top: 20px;
}

.microblog_post {
	border: 1px solid var(--comment-border);
	padding: 20px;
	border-radius: 20px;
	margin-bottom: 20px;
}

.microblog_conversation img.microblog_avatar {
	display: initial;
	padding: 2px;
	border: 1px solid var(--profile-border);
	border-radius: 100%;
	max-width: 40px !important;
	width: 40px;
	vertical-align: middle;
	margin-bottom: 0;
}

.microblog_user {
	font-weight: 700;
}

.microblog_text p {
	padding: 0;
}

p.microblog_reply_textarea, p.microblog_reply_button, p.microblog_reply_signin {
	padding-left: 0;
	padding-right: 0;
}

p.microblog_reply_signin {
	font-weight: 700;
}

.microblog_time {
	font-size: 0.8em;
}

.microblog_reply_textarea textarea {
	border: 1px solid var(--comment-border);
	border-radius: 20px;
	padding: 20px;
	width: calc(100% - 40px);
	resize: none;
}

form.microblog_reply_form {
	background-color: var(--comment-form-background-color);
	border: 1px solid var(--comment-form-border-color);
	padding: 10px 20px;
	border-radius: 20px;
}

/* QUOTEBACK EMBEDS */
quoteback-component {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
}

/* Tinylytics */

.tinylytics_webring {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 3px;
	justify-content: center;
	margin-bottom: 5px;
}

a.tinylytics_webring {
	text-decoration: none;
	border: none;
}

.tinylytics_webring_avatar {
	width: auto;
	height: 1.75em;
	border-radius: 100%;
}

.tinylytics_countries {
	display: block;
	font-size: 1.2em;
}

/* PRIVATE NOTES */
.microblog_shared_note {
	background-color: var(--shared-note);
	text-align: center;
	padding: 20px;
}

/* ATTEMPT TO MAKE YOUTUBE EMBED BETTER */

iframe {
	max-width: 100%;
	width: 700px;
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

/* ══════════════════════════════════════════════════════════════════════════
   dkaluta.com terminal skin — window chrome, type tweaks, and RTL support.
   Everything below overrides the stock Sumo look; the component rules above
   are kept intact so Micro.blog plugins keep working.
   ══════════════════════════════════════════════════════════════════════════*/

/* ── Terminal window chrome (matches the main site's .tty) ── */
body {
	background-color: var(--bg);
	padding: 0 0.5rem;
}

.tty {
	max-width: var(--maxcol);
	margin: 1.5rem auto;
	border: 1px solid var(--color8);
	border-radius: 6px;
	overflow: hidden;
	min-height: calc(100vh - 3rem);
	display: flex;
	flex-direction: column;
}

.tty-bar {
	display: flex;
	align-items: center;
	gap: 0.6ch;
	padding: 0.5rem 0.75rem;
	border-bottom: 1px solid var(--color8);
	direction: ltr; /* window chrome stays LTR even for RTL content */
}

.dot {
	width: 0.85ch;
	height: 0.85ch;
	border-radius: 50%;
	display: inline-block;
}
.dot-r { background: var(--color1); }
.dot-y { background: var(--color3); }
.dot-g { background: var(--color2); }

.tty-title {
	color: var(--muted);
	margin-left: 0.5ch;
	font-size: 0.85em;
}

.tty-body {
	flex: 1;
	padding: 1rem 0 0;
}

/* On phones, match the main site's mobile TUI: drop the framed window and
   go full-bleed, keeping just the title bar. (Same 48rem breakpoint.) */
@media (max-width: 48rem) {
	body {
		padding: 0;
	}

	.tty {
		max-width: 100%;
		margin: 0;
		border: none;
		border-radius: 0;
		min-height: 100vh;
	}
}

/* ── Header as a prompt line ── */
.site-header {
	margin-top: 0.5rem;
	margin-bottom: 1.5rem;
	text-align: left;
	direction: ltr;
}

.site-header .profile_photo {
	border-radius: 4px;
	padding: 0;
	width: 48px;
}

.site-header .profile_photo:hover {
	transform: none;
}

.site-header h1 {
	font-size: 1.05em;
	margin: 0.5em 0 0;
}

.site-header h1 .site-title::before {
	content: '~$ ';
	color: var(--prompt);
}

.site-header h1 .site-title {
	color: var(--accent);
}

.site-header h1 .site-title:hover {
	text-decoration: underline;
}

.site-header nav ul {
	margin: 0.4em 0 0;
}

.site-header nav ul li {
	margin: 0 1.5ch 0 0;
	line-height: 2;
}

.site-header nav a {
	border: none;
	background: transparent;
	color: var(--link);
	border-radius: 0;
	padding: 0;
	font-size: 0.95em;
	font-weight: 400;
	text-transform: lowercase; /* page names read as commands */
}

.site-header nav a::before {
	content: './';
	color: var(--muted);
}

.site-header nav a:hover {
	background: transparent;
	color: var(--link);
	text-decoration: underline;
}

/* ── Links: bare cyan, underline on hover (like the main site) ── */
a {
	border-bottom: none;
}

a:hover {
	border-bottom: none;
	text-decoration: underline;
}

h2.post-title,
h2.post-title a {
	color: var(--accent);
}

a.post-date,
.post-date-wrapper > time,
.microblog_time a {
	color: var(--muted);
	opacity: 1;
	text-transform: none;
	font-weight: 400;
	font-size: 0.9em;
}

.post-date-wrapper {
	direction: ltr; /* ISO dates read LTR even on RTL posts */
}

/* ── Squared-off controls: pills → terminal boxes ── */
a.button,
button,
.conversation-on-mb,
.reply-on-mastodon,
.reply-by-email,
input:is([type='button']),
[type='submit'],
input[type='search'],
input[type='email'],
input[type='text'] {
	border-radius: 4px;
	font-family: var(--mono);
	line-height: normal;
	padding: 0.6em 1em;
}

p code,
li code,
span.tinylytics_hits,
span.tinylytics_uptime {
	border-radius: 3px;
}

.microblog_post,
form.microblog_reply_form,
.microblog_reply_textarea textarea {
	border-radius: 6px;
}

hr {
	width: auto;
	max-width: 100%;
	height: 1px;
	border-radius: 0;
}

highlight {
	color: var(--bg);
}

footer.site-footer {
	margin-top: 3rem;
	margin-bottom: 0;
	padding-bottom: 1.5rem;
}

/* ── Follow button: feed: attempt + newsreader explainer ── */
.follow {
	margin-top: 0.4em;
}

.follow-summary {
	cursor: pointer;
	display: inline-block;
	color: var(--link);
	font-size: 0.95em;
	list-style: none;
}

.follow-summary::-webkit-details-marker {
	display: none;
}

.follow-summary::before {
	content: './';
	color: var(--muted);
}

.follow-summary:hover {
	text-decoration: underline;
}

.follow-panel {
	border: 1px solid var(--color8);
	border-radius: 4px;
	padding: 0.75rem 1rem;
	margin-top: 0.5rem;
	max-width: 60ch;
	text-align: start;
}

.follow-status {
	margin: 0 0 0.6em;
	color: var(--muted);
	font-size: 0.9em;
	overflow-wrap: anywhere;
}

.follow-explainer {
	margin: 0 0 0.6em;
	unicode-bidi: plaintext;
}

.follow-readers,
.follow-feeds {
	list-style: none;
	margin: 0 0 0.6em;
	padding: 0;
}

.follow-readers li::before,
.follow-feeds li::before {
	content: '- ';
	color: var(--muted);
}

.follow-feeds {
	margin-bottom: 0.8em;
}

.follow-feeds li {
	overflow-wrap: anywhere;
}

.follow-platform {
	color: var(--muted);
	font-size: 0.9em;
}

.follow-feeds code {
	background-color: var(--code-background);
	border: 1px solid var(--code-border);
	border-radius: 3px;
	padding: 0.1em 0.5em;
	font-size: 0.9em;
}

.follow-actions {
	margin: 0;
}

/* ── RTL / bidi: Hebrew posts, mixed-direction content ──
   Containers get dir="auto" in the templates, so a fully-Hebrew post lays
   out right-to-left (bullets and blockquote borders included). On top of
   that, unicode-bidi: plaintext lets every paragraph resolve its own
   direction, so mixed Hebrew/English posts read naturally per block. */
.e-content,
.post-content,
.p-summary,
h2.post-title,
.microblog_text {
	text-align: start;
}

.e-content :is(p, h1, h2, h3, h4, h5, h6, li, blockquote, figcaption, dt, dd),
.post-content :is(p, h1, h2, h3, h4, h5, h6, li, blockquote, figcaption, dt, dd),
.p-summary p,
.microblog_text p {
	unicode-bidi: plaintext;
}

/* logical properties so padding/borders flip with the writing direction */
.page-content ul,
.page-content ol,
.page-content dl {
	padding-left: unset;
	padding-right: unset;
	padding-inline-start: 50px;
	padding-inline-end: 20px;
}

blockquote {
	border-left: none;
	border-inline-start: 3px solid var(--blockquote-border);
	margin-left: unset;
	margin-inline-start: 0;
	padding-inline-start: 20px;
}

.page-content blockquote p {
	padding-left: unset;
	padding-inline-start: 0;
}