/* MOOD — Szenenansicht */

/* Kopf der Szene — das Forenbild traegt, der Titel steht darauf. */
.md-thead {
	position: relative;
	margin-top: clamp(1.5rem, 4vw, 2.5rem);
	padding: clamp(2.5rem, 6vw, 4.5rem) clamp(1.5rem, 5vw, 4rem);
	border: 1px solid var(--md-rule-hair);
	background: var(--md-portrait-ground);
	overflow: hidden;
	isolation: isolate;
}
.md-thead > .md-frame { inset: 20px; z-index: 3; }
.md-thead__photo {
	position: absolute; inset: 0; z-index: 0;
	background: center / cover no-repeat;
	filter: var(--md-stage-filter);
}
.md-thead::after {
	content: "";
	position: absolute; inset: 0; z-index: 1;
	background: var(--md-stage-y);
}
.md-thead__inner { position: relative; z-index: 2; max-width: 46rem; }
.md-hero--thread {
	margin-top: .5rem;
	font-size: clamp(1.8rem, 4.6vw, 3rem);
	line-height: 1.02;
	text-wrap: balance;
}
.md-thead__facts {
	margin: 1.25rem 0 0;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
	font-variant-numeric: tabular-nums;
}
.md-thead__facts b { font-weight: 500; color: var(--md-ink-dim); }

/* Werkzeugleiste ueber und unter den Beitraegen */
.md-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .75rem 1.5rem;
	padding-bottom: clamp(1rem, 2.5vw, 1.5rem);
	border-bottom: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-micro);
	color: var(--md-ink-faint);
}
.md-toolbar--foot {
	margin-top: clamp(1.5rem, 3vw, 2.25rem);
	padding: clamp(1rem, 2.5vw, 1.5rem) 0 0;
	border-bottom: 0;
	border-top: 1px solid var(--md-rule-hair);
}
.md-toolbar__l,
.md-toolbar__r { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; min-width: 0; }
.md-toolbar a { color: var(--md-ink-dim); transition: color var(--md-dur) var(--md-ease); }
.md-toolbar a:hover { color: var(--md-ink); }
.md-thread__notes:empty { display: none; }

/* ============================================================
   Der Beitrag
   ------------------------------------------------------------
   Kein Kasten, keine Flaeche: zwei Spalten, getrennt durch eine
   Haarlinie nach oben — dieselbe Figur wie die Forenzeile, nur
   grosszuegiger.
   ============================================================ */
.md-post {
	display: grid;
	grid-template-columns: calc(var(--md-aside-w) + 12px) minmax(0, 1fr);
	gap: clamp(1.75rem, 4vw, 3.25rem);
	padding: clamp(2rem, 4vw, 3.25rem) 0;
	border-top: 1px solid var(--md-rule-hair);
}
#posts > .md-post:first-child { border-top: 0; padding-top: clamp(1.5rem, 3vw, 2.25rem); }

/* ---- Autorenspalte ----------------------------------------- */
.md-post__aside { min-width: 0; }
/* Der Avatar bekommt ein festes Mass aus --md-av-w und --md-av-h. Er lief
   vorher in Dateigroesse, richtete sich also nach dem Hochgeladenen statt
   nach der Spalte. Zugeschnitten wird, nicht verzerrt. */
.md-post__av { display: inline-block; }
.md-post__av img {
	display: block;
	width: var(--md-av-w);
	height: var(--md-av-h);
	max-width: 100%;
	aspect-ratio: auto;
	object-fit: cover;
}

/* Das GIF aus fid21 kommt als beliebige Fremd-URL — es bekommt ein festes
   Mass, sonst sprengt jede zu grosse Datei die Spalte. */
.md-post__gif img {
	display: block;
	width: var(--md-gif-w);
	height: var(--md-gif-h);
	max-width: 100%;
	aspect-ratio: auto;
	object-fit: cover;
}
.md-post__id { margin-top: 1rem; }
.md-post__name {
	display: block;
	font-family: var(--md-f-serif);
	font-weight: 400;
	font-size: 1.35rem;
	line-height: 1.15;
	letter-spacing: var(--md-ls-display);
	text-transform: uppercase;
	color: var(--md-ink-bright);
}
.md-post__name a { color: inherit; }
.md-post__group {
	display: block;
	margin-top: .3rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-post__group img { height: 14px; width: auto; vertical-align: middle; }

.md-status {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	margin-top: .35rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-status::before { content: ""; width: var(--md-dash); height: 1px; background: currentColor; }
.md-status--on { color: var(--md-ink); }
.md-status--on::before { height: 2px; }

.md-post__gif { display: inline-block; margin-top: 1.1rem; }

.md-post__tally { margin-top: 1.35rem; }
.md-post__t {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding: .5rem 0;
	border-top: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-post__t b {
	font-family: var(--md-f-serif);
	font-weight: 400;
	font-size: 1.05rem;
	letter-spacing: .02em;
	text-transform: none;
	color: var(--md-ink);
	font-variant-numeric: tabular-nums;
}
.md-post__extra:empty { display: none; }

/* ---- Kopf des Beitrags ------------------------------------- */
.md-post__main { min-width: 0; }
.md-post__head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(1.5rem, 3.5vw, 3rem);
	padding-bottom: clamp(1.25rem, 3vw, 1.75rem);
	border-bottom: 1px solid var(--md-rule-hair);
}
.md-facts:empty,
.md-scales:empty { display: none; }
/* Der Account-Switcher haengt seine Zaehlung am Plugin, nicht am Template. */
.attached_postcount,
#posts .attached_postcount { display: none !important; }
/* Ohne Steckbrieffelder und ohne Werte bleibt vom Kopf nur eine Linie —
   dann faellt er ganz weg. */
.md-post__head:not(:has(.md-fact, .md-scale, .md-post__motto)) { display: none; }
.md-post__facts { min-width: 0; }
.md-post__motto {
	margin: 0 0 1rem;
	font-family: var(--md-f-serif);
	font-style: italic;
	font-size: 1.05rem;
	line-height: 1.6;
	color: var(--md-ink-dim);
}

.md-facts { display: grid; }
.md-fact {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding: .45rem 0;
	border-top: 1px solid var(--md-rule-hair);
}
.md-fact:first-child { border-top: 0; }
.md-fact__l {
	flex: 0 0 auto;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-fact__v { min-width: 0; text-align: right; color: var(--md-ink); }

/* Werteskalen — der Strich wird stark, so weit der Wert reicht.
   Dieselbe Figur wie beim ungelesenen Forum und der Checkliste. */
.md-scales { display: grid; gap: .85rem; align-content: start; }
.md-scale { display: block; }
.md-scale__l {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	font-size: .58rem;
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-scale__t { display: block; margin-top: .35rem; height: 1px; background: var(--md-rule-hair); }
.md-scale__d {
	display: block;
	width: calc(var(--md-v, 5) * 10%);
	max-width: 100%;
	height: 2px;
	margin-top: -1px;
	background: var(--md-ink-dim);
}

/* ---- Zeile mit Datum und Beitragsnummer -------------------- */
.md-post__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .4rem 1.25rem;
	padding: clamp(1rem, 2.5vw, 1.5rem) 0 clamp(1.25rem, 3vw, 1.75rem);
	font-size: .62rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--md-ink-faint);
	font-variant-numeric: tabular-nums;
}
/* Datum, Zaehler und Bearbeitungshinweis sind Beiwerk — sie liegen
   alle auf derselben leisen Stufe wie der Rest der Zeile. */
.md-post__bar,
.md-post__bar .post_date,
.md-post__bar .md-post__count,
.md-post__bar .md-post__edit,
.md-post__bar .edited_post {
	font-size: .62rem;
	color: var(--md-ink-faint);
}
.md-post__bar a { color: var(--md-ink-dim); }
.md-post__bar a:hover { color: var(--md-ink); }
.md-post__bar img { vertical-align: middle; }
.md-post__edit:empty { display: none; }
.md-post__no {
	margin-left: auto;
	font-family: var(--md-f-serif);
	font-size: 1.35rem;
	line-height: 1;
	letter-spacing: .02em;
	text-transform: none;
	color: var(--md-ink);
	opacity: .35;
	font-variant-numeric: tabular-nums;
}
.md-post__no a { color: inherit; }

/* ---- Der Text --------------------------------------------- */
.md-post__text {
	color: var(--md-ink-dim);
	line-height: 2.05;
	font-size: .92rem;
}
.md-post__text p { margin: 0 0 1.5rem; }
.md-post__text p:last-child { margin-bottom: 0; }
.md-post__text a { color: var(--md-ink); text-decoration: underline; text-underline-offset: .2em; text-decoration-thickness: 1px; text-decoration-color: var(--md-rule-soft); }
.md-post__text a:hover { text-decoration-color: currentColor; }
.md-post__text b, .md-post__text strong { font-weight: 500; color: var(--md-ink); }
.md-post__text img { max-width: 100%; height: auto; }
.md-post__text hr { border: 0; border-top: 1px solid var(--md-rule-hair); margin: 2rem 0; }

/* MyCode: Zitat und Codeblock bekommen von MyBB eine weisse Flaeche. */
.md-post__text blockquote,
.md-post__text .codeblock {
	margin: 0 0 1.5rem;
	padding: 1.1rem 1.25rem;
	background: var(--md-wash);
	border: 1px solid var(--md-rule-hair);
	border-left: 2px solid var(--md-rule-soft);
	border-radius: 0;
}
.md-post__text blockquote cite {
	display: block;
	margin: 0 0 .7rem;
	padding: 0;
	border: 0;
	font-family: var(--md-f-sans);
	font-style: normal;
	font-weight: 400;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-post__text blockquote cite > span { float: none; display: block; font-size: inherit; color: inherit; }
.md-post__text .codeblock .title {
	margin: 0 0 .7rem;
	padding: 0;
	border: 0;
	font-weight: 400;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-post__text .codeblock code,
.md-post__text .codeblock .body {
	display: block;
	max-height: 26rem;
	overflow: auto;
	background: var(--md-code-bg);
	padding: .85rem 1rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: .8rem;
	line-height: 1.7;
	color: var(--md-ink-dim);
}

.md-post__sig {
	margin-top: clamp(1.5rem, 3vw, 2.25rem);
	padding-top: clamp(1rem, 2.5vw, 1.5rem);
	border-top: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-micro);
	line-height: 1.9;
	color: var(--md-ink-faint);
}
.md-post__meta {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem 1.25rem;
	margin-top: 1rem;
	font-size: var(--md-t-micro);
	color: var(--md-ink-faint);
}
.md-post__meta:empty { display: none; }

/* ---- Schaltflaechen des Beitrags ---------------------------
   Keine Kaesten. Beschriftung in Versalien, darunter waechst beim
   Ueberfahren eine Haarlinie — dieselbe Geste wie in der Kopfleiste.
   Die Klassen des Plugins stehen daneben, damit die Zeile auch dann
   stimmt, wenn ein Knopf noch aus einer Vorlage kommt. */
.md-post__acts {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem clamp(.75rem, 1.8vw, 1.2rem);
	margin-top: clamp(1.25rem, 3vw, 1.75rem);
	padding-top: clamp(1rem, 2.5vw, 1.5rem);
	border-top: 1px solid var(--md-rule-hair);
}
/* Die beiden Gruppen loesen sich auf, damit alle Knoepfe in einer
   Reihe laufen und gemeinsam umbrechen. */
.md-post__acts-l,
.md-post__acts-r { display: contents; }
.md-postbtn,
.md-post__acts a:not(.popup_item),
.postbit_buttons a {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	padding: .2rem 0;
	background: none;
	border: 0;
	font-family: var(--md-f-sans);
	font-size: .62rem;
	line-height: 1.6;
	letter-spacing: .14em;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--md-ink-faint);
	text-decoration: none;
	cursor: pointer;
	transition: color var(--md-dur) var(--md-ease);
}
.md-postbtn::after,
.md-post__acts a:not(.popup_item)::after,
.postbit_buttons a::after {
	content: "";
	position: absolute;
	left: 0; right: 100%; bottom: 0;
	height: 1px;
	background: currentColor;
	transition: right var(--md-dur) var(--md-ease);
}
.md-postbtn:hover,
.md-post__acts a:not(.popup_item):hover,
.postbit_buttons a:hover { color: var(--md-ink); }
.md-postbtn:hover::after,
.md-post__acts a:not(.popup_item):hover::after,
.postbit_buttons a:hover::after { right: 0; }
.md-postbtn__menu { position: relative; display: inline-flex; align-items: center; }
.md-post__acts .pbbutton { display: contents; }

/* Das Klappmenue von Bearbeiten setzt sich per JS auf Dokumentkoordinaten.
   Weil die Knopfzeile position:relative fuehrt, haengt es hier fest unter
   dem Knopf statt irgendwo auf der Seite. */
.md-post__acts .popup_menu {
	position: absolute !important;
	top: calc(100% + .4rem) !important;
	left: 0 !important;
	right: auto !important;
	width: max-content;
}
.postbit_buttons a span { display: inline; }

/* Moderationsnotiz — das Plugin haengt sie unten an den Beitrag, sie liegt
   also mitten im Textfluss. Sie spricht die Sprache der Hinweisleiste:
   linke Kante in Akzent, gedimmte Kopfzeile, der Grund gut lesbar. */
.md-modnote { margin: clamp(1.5rem, 3vw, 2rem) 0 0; }
.md-modnote a { text-decoration: none; }
.md-modnote .md-modnote__by {
	margin: 0;
	font-size: var(--md-t-micro);
	line-height: 1.7;
	color: var(--md-ink-faint);
}
.md-modnote .md-modnote__by a { color: var(--md-accent-soft); }
.md-modnote .md-modnote__by a:hover { color: var(--md-ink-bright); }
.md-modnote .md-modnote__m { margin: .35rem 0 0; line-height: 1.85; color: var(--md-ink); }
.md-modnote .md-modnote__m p { margin: 0; }
.md-modnote .md-modnote__m:empty { display: none; }

/* Das Herz ist eine Marke, kein Zustand — es darf den Akzent tragen. */
.md-like__i { font-size: .85rem; line-height: 1; color: var(--md-ink-faint); }
.md-like.rpg-like--active { color: var(--md-ink); }
.md-like.rpg-like--active .md-like__i { color: var(--md-accent); }
.md-like.rpg-like--static { color: var(--md-ink-faint); cursor: default; }
.md-like.rpg-like--static::after { display: none; }
.md-like__names {
	display: block;
	margin-top: .6rem;
	font-size: var(--md-t-micro);
	color: var(--md-ink-faint);
}
.md-like__names:empty { display: none; }

/* ============================================================
   Ingame Quote — Auswahl aus einem Beitrag sichern
   ============================================================ */
.rpgquotes-modal { position: fixed; inset: 0; z-index: 200; display: none; }
.rpgquotes-modal.is-open { display: grid; place-items: center; }
.rpgquotes-modal__overlay { position: absolute; inset: 0; background: var(--md-veil); backdrop-filter: blur(3px); }
.rpgquotes-modal__dialog {
	position: relative;
	width: min(38rem, calc(100vw - 3rem));
	max-height: 82vh;
	overflow-y: auto;
	padding: clamp(1.5rem, 4vw, 2.25rem);
	background: var(--md-scrim-solid);
	border: 1px solid var(--md-rule-soft);
	box-shadow: 0 30px 80px rgb(0 0 0 / .45);
	color: var(--md-ink);
	font-family: var(--md-f-sans);
}
.rpgquotes-modal__title {
	margin: 0;
	font-family: var(--md-f-sans);
	font-size: var(--md-t-kicker);
	font-weight: 400;
	letter-spacing: var(--md-ls-kicker);
	text-indent: var(--md-ls-kicker);
	text-transform: lowercase;
	color: var(--md-ink-faint);
}
.rpgquotes-modal__hint {
	margin: .9rem 0 1.4rem;
	max-width: 60ch;
	font-size: var(--md-t-micro);
	line-height: 1.9;
	color: var(--md-ink-dim);
}
.rpgquotes-modal__text {
	width: 100%;
	padding: 1rem 1.1rem;
	background: none;
	border: 1px solid var(--md-rule-hair);
	border-radius: 0;
	color: var(--md-ink-bright);
	font-family: var(--md-f-serif);
	font-size: 1.05rem;
	font-style: italic;
	line-height: 1.8;
	resize: vertical;
}
.rpgquotes-modal__text:focus { outline: 1px solid var(--md-accent-soft); outline-offset: 2px; }
.rpgquotes-modal__feedback {
	margin-top: .9rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-body);
	color: var(--md-ink-faint);
}
.rpgquotes-modal__feedback:empty { display: none; }
.rpgquotes-modal__feedback.is-error { color: var(--md-accent); }
.rpgquotes-modal__feedback.is-success { color: var(--md-ink-bright); }
.rpgquotes-modal__actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.6rem; }

/* Sammelseite der Ingame Quotes */
.md-sortbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1.4rem;
	margin: 1rem 0 0;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-sortbar a { color: var(--md-ink-dim); }
.md-sortbar a:hover { color: var(--md-ink); }
.md-quotes { display: grid; gap: clamp(1.5rem, 3vw, 2.25rem); margin-top: clamp(1.75rem, 4vw, 2.75rem); }
.md-quotes__i {
	margin: 0;
	padding: 0 0 clamp(1.5rem, 3vw, 2.25rem);
	background: none;
	border: 0;
	border-bottom: 1px solid var(--md-rule-hair);
}
.md-quotes__i:last-child { border-bottom: 0; padding-bottom: 0; }
.md-quotes__t {
	margin: 0;
	font-family: var(--md-f-serif);
	font-size: clamp(1.1rem, 2.2vw, 1.4rem);
	font-style: italic;
	line-height: 1.7;
	color: var(--md-ink-bright);
}
.md-quotes__m {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .4rem 1.2rem;
	margin-top: .9rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-body);
	color: var(--md-ink-faint);
}
.md-quotes__w { color: var(--md-ink-dim); }
.md-quotes__pages { margin-top: clamp(1.75rem, 4vw, 2.75rem); }
.md-quotes__empty { margin: 0; color: var(--md-ink-faint); }



/* ============================================================
   Schnellantwort, aehnliche Themen, Fuss
   ============================================================ */
.md-reply { margin-top: clamp(1.5rem, 3vw, 2.25rem); }
.md-reply textarea { min-height: 14rem; resize: vertical; line-height: 1.9; }
.md-reply__mq { margin-top: .85rem; font-size: var(--md-t-micro); color: var(--md-ink-faint); }
.md-reply__opts { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin-top: 1rem; }
.md-reply__opt {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
	cursor: pointer;
}
.md-reply__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .75rem 1.5rem;
	margin-top: 1.35rem;
	padding-top: 1.1rem;
	border-top: 1px solid var(--md-rule-hair);
}
.md-reply__note { font-size: var(--md-t-micro); color: var(--md-ink-faint); }
.md-reply__acts { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.showthread_spinner { text-align: center; padding: 1rem 0; }

.md-sim { display: grid; }
.md-sim__i {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 14rem) 7rem 7rem;
	gap: .35rem 1.5rem;
	align-items: baseline;
	padding: .85rem 0;
	border-top: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-micro);
	color: var(--md-ink-faint);
}
.md-sim__i:first-child { border-top: 0; }
.md-sim__t {
	font-family: var(--md-f-serif);
	font-weight: 700;
	font-size: var(--md-t-head);
	letter-spacing: var(--md-ls-head);
	text-transform: uppercase;
	color: var(--md-ink-dim);
}
.md-sim__t a { transition: color var(--md-dur) var(--md-ease); }
.md-sim__i:hover .md-sim__t a { color: var(--md-ink); }
.md-sim__m { min-width: 0; }
.md-sim__n { letter-spacing: var(--md-ls-nav); text-transform: uppercase; font-variant-numeric: tabular-nums; }
.md-sim__n b { font-weight: 500; color: var(--md-ink-dim); }

.md-threadfoot { margin-top: clamp(1.5rem, 3vw, 2.25rem); }
.md-threadfoot__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .6rem 1.5rem;
	padding: .85rem 0;
	border-top: 1px solid var(--md-rule-hair);
}
.md-threadfoot__row:first-child { border-top: 0; }
.md-threadfoot__l {
	flex: 0 0 7rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-threadfoot__tools {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1.35rem;
	margin: 0; padding: 0;
	list-style: none;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-dim);
}
.md-threadfoot__tools a:hover { color: var(--md-ink); }
.md-modforms { display: grid; gap: .9rem; }
.md-modform { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem .9rem; margin: 0; }
.md-modform__l {
	flex: 0 0 6.5rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-modform .md-btn { font-size: var(--md-t-micro); padding: .35rem .9rem; }
.md-browsing {
	margin: 1.25rem 0 0;
	padding-top: 1.1rem;
	border-top: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-micro);
	color: var(--md-ink-faint);
}
.md-threadsearch { display: flex; align-items: center; gap: .5rem; margin: 0; }
.md-threadsearch .md-form__i { width: 11rem; padding: .35rem .6rem; font-size: var(--md-t-micro); }

/* ---- Schmale Sicht ----------------------------------------- */
@media (max-width: 900px) {
	.md-post { grid-template-columns: minmax(0, 1fr); }
	.md-post__aside { display: grid; grid-template-columns: minmax(0, 140px) minmax(0, 1fr); gap: 1.25rem; align-items: start; }
	.md-post__av img { max-width: 100%; height: auto; }
	.md-post__gif img { width: 100%; }
	.md-post__id { margin-top: 0; }
	.md-post__gif { grid-column: 1 / -1; margin-top: 0; }
	.md-post__tally { grid-column: 1 / -1; margin-top: 0; }
	.md-post__extra { grid-column: 1 / -1; }
	.md-post__head { grid-template-columns: minmax(0, 1fr); }
	.md-sim__i { grid-template-columns: minmax(0, 1fr); }
	.md-threadfoot__l { flex: 0 0 100%; }
}

/* Anhaenge */
.md-attach {
	margin-top: clamp(1.25rem, 3vw, 1.75rem);
	padding-top: clamp(1rem, 2.5vw, 1.5rem);
	border-top: 1px solid var(--md-rule-hair);
}
.md-attach__l,
.md-attach__k {
	display: block;
	margin-bottom: .6rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-attach__k { margin-top: 1rem; }
.md-attach__grid { display: flex; flex-wrap: wrap; gap: .6rem; }
.md-attach__grid img { display: block; max-width: 100%; height: auto; padding: 3px; border: 1px solid var(--md-rule-hair); }
.md-attach__i { display: block; padding: .35rem 0; font-size: var(--md-t-micro); color: var(--md-ink-dim); }
.md-attach__m { color: var(--md-ink-faint); }