.md-mod { display: grid; gap: clamp(1.5rem, 3vw, 2.25rem); }

.md-mod__warn {
	margin: 0;
	padding: .2rem 0 .2rem 1.1rem;
	max-width: 68ch;
	border-left: 2px solid var(--md-accent-soft);
	color: var(--md-ink-dim);
}

.md-mod__note {
	margin: 0;
	max-width: 68ch;
	font-size: var(--md-t-micro);
	color: var(--md-ink-faint);
}

/* Abschnitt im Bogen */
.md-mod__sec { display: grid; gap: .9rem; }
.md-sheet > * + .md-mod__sec,
.md-sheet > .md-mod__sec + * { margin-top: clamp(1.75rem, 4vw, 2.75rem); }

/* Angaben zu einer Kennung */
.md-mod__facts { margin: 0; }
.md-mod__fact {
	display: grid;
	grid-template-columns: minmax(0, 13rem) minmax(0, 1fr);
	gap: .3rem 1.5rem;
	padding: .8rem 0;
	border-top: 1px solid var(--md-rule-hair);
}
.md-mod__fact:first-child { border-top: 0; padding-top: 0; }
.md-mod__fl {
	margin: 0;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-mod__fv { margin: 0; color: var(--md-ink); word-break: break-word; }
.md-mod__fv a { color: var(--md-ink-dim); }
.md-mod__fv a:hover { color: var(--md-ink-bright); }
.md-mod__fv--links { display: grid; gap: .3rem; }
.md-mod__fv .md-mod__note { display: block; margin-top: .25rem; }

/* Beiträge auswählen beim Teilen und Zusammenführen */
.md-mod__posts {
	display: grid;
	margin: 0;
	padding: 0;
	list-style: none;
}
.md-mod__post {
	padding: 1.1rem 0;
	border-top: 1px solid var(--md-rule-hair);
}
.md-mod__post:first-child { border-top: 0; }
.md-mod__posth {
	display: flex;
	align-items: center;
	gap: .7rem;
	margin: 0 0 .7rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
	cursor: pointer;
}
.md-mod__posth:hover { color: var(--md-ink); }
.md-mod__posth input { width: auto; flex: 0 0 auto; }
.md-mod__postm {
	max-height: 18rem;
	overflow-y: auto;
	color: var(--md-ink-dim);
}
.md-mod__postm > *:first-child { margin-top: 0; }
.md-mod__postm > *:last-child { margin-bottom: 0; }

/* Werkzeugliste der verzögerten Moderation */
.md-mod__opts { margin: 0; }
.md-mod__opt {
	display: flex;
	align-items: center;
	gap: .6rem;
	padding: .55rem 0;
	border-top: 1px solid var(--md-rule-hair);
}
.md-mod__opt:first-child { border-top: 0; }
.md-mod__opt input { width: auto; flex: 0 0 auto; }
.md-mod__opt label {
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-dim);
	cursor: pointer;
}
.md-mod__opt label:hover { color: var(--md-ink-bright); }
.md-mod__opt strong { font-weight: 400; }
.md-mod__opt small { color: var(--md-ink-faint); }
.md-mod__optx {
	display: grid;
	gap: .4rem;
	margin: 0 0 .9rem;
	padding: 0 0 .2rem 1.6rem;
}
.md-mod__optx select,
.md-mod__optx input.textbox { width: 100%; }

/* Zeitpunkt */
.md-mod__when {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem .8rem;
}
.md-mod .md-mod__when select { width: auto; min-width: 7rem; }
.md-mod .md-mod__when input.textbox { width: auto; max-width: 7rem; }
.md-mod .md-pf__inline input.textbox { width: auto; max-width: 6rem; }
.md-mod__whenl {
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}

/* Protokolle und Warteschlange */
.md-mod__log { width: 100%; }
.md-mod__log td { vertical-align: top; }
.md-mod__log .trow1,
.md-mod__log .trow2 { font-size: var(--md-t-micro); }
.md-mod__log .trow1 strong,
.md-mod__log .trow2 strong {
	font-weight: 400;
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}

@media (max-width: 720px) {
	.md-mod__fact { grid-template-columns: minmax(0, 1fr); }
	.md-mod__log { display: block; overflow-x: auto; }
}
