/* MOOD — Foren-Team */

.md-tm__strip {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem 2rem;
	padding: .9rem 0;
	margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
	border-bottom: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-tm__strip b { font-weight: 400; color: var(--md-ink); }
.md-tm__strip--acc { color: var(--md-accent); }

.md-tm__grp { margin-top: clamp(2rem, 4vw, 3rem); }
.md-tm__grp:first-of-type { margin-top: 0; }
.md-tm__grp .md-head { margin-bottom: 1.2rem; }
.md-tm__grp .md-head::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--md-rule-hair);
}

/* Dossierzeile */
.md-tm { display: grid; }
.md-tm__i {
	display: grid;
	grid-template-columns: 132px minmax(0, 1fr);
	gap: .3rem 1.6rem;
	padding: 1.5rem 0;
	border-top: 1px solid var(--md-rule-hair);
}
.md-tm > .md-tm__i:first-child { border-top: 0; padding-top: 0; }
.md-tm__ph { grid-row: 1 / span 4; }
.md-tm__ph img {
	width: 132px;
	height: 176px;
	object-fit: cover;
	border: 1px solid var(--md-rule-hair);
	filter: var(--md-portrait-filter);
}
.md-tm__ph--none {
	display: block;
	width: 132px;
	height: 176px;
	border: 1px solid var(--md-rule-hair);
	background:
		linear-gradient(to right, transparent calc(50% - 9px), var(--md-rule-soft) calc(50% - 9px), var(--md-rule-soft) calc(50% + 9px), transparent calc(50% + 9px))
		center / 100% 1px no-repeat;
}
.md-tm__n {
	margin: 0;
	font-family: var(--md-f-serif);
	font-weight: 400;
	font-size: 1.35rem;
	letter-spacing: var(--md-ls-head);
	text-transform: uppercase;
	color: var(--md-ink-bright);
}
.md-tm__n a { color: inherit; }
.md-tm__aka {
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-accent-soft);
}
.md-tm__aka:empty { display: none; }
.md-tm__q {
	margin: .35rem 0 .1rem;
	font-family: var(--md-f-serif);
	font-style: italic;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--md-ink-dim);
}
.md-tm__q:empty { display: none; }
.md-tm__cols {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
	gap: .9rem 2rem;
	margin-top: .9rem;
	padding-top: .9rem;
	border-top: 1px solid var(--md-rule-hair);
}
.md-tm__c { min-width: 0; }
.md-tm__lbl {
	margin: 0 0 .35rem;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-kicker);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-tm__val {
	margin: 0;
	font-size: var(--md-t-micro);
	line-height: 1.75;
	color: var(--md-ink);
}
.md-tm__val--mark { color: var(--md-accent); }
.md-tm__scope a { color: var(--md-ink-dim); }
.md-tm__scope a:hover { color: var(--md-ink-bright); }
.md-tm__tasks {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: .2rem;
	font-size: var(--md-t-micro);
	color: var(--md-ink);
}
.md-tm__tasks li {
	display: flex;
	align-items: baseline;
	gap: .6rem;
}
.md-tm__tasks li::before {
	content: "";
	flex: 0 0 10px;
	height: 1px;
	background: var(--md-rule-soft);
	transform: translateY(-.3em);
}
.md-tm__links {
	display: flex;
	flex-wrap: wrap;
	gap: .3rem 1.2rem;
	margin: .4rem 0 0;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-tm__links a { color: var(--md-ink-dim); }
.md-tm__links a:hover { color: var(--md-ink-bright); }

/* Zuletzt gesehen */
.md-tm__on {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: var(--md-ink-faint);
}
.md-tm__on::before {
	content: "";
	width: var(--md-dash);
	height: 1px;
	background: var(--md-rule-soft);
}
.md-tm__on--online { color: var(--md-ink); }
.md-tm__on--online::before { background: var(--md-ink-bright); }
.md-tm__on--away::before { background: repeating-linear-gradient(90deg, var(--md-rule) 0 3px, transparent 3px 6px); }

/* Automatische Gruppenliste — nur aktiv, wenn showteam.html {$grouplist} ausgibt */
.md-tm-rows { display: grid; }
.md-tm-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
	align-items: baseline;
	gap: .3rem 1.6rem;
	padding: .75rem 0;
	border-top: 1px solid var(--md-rule-hair);
}
.md-tm-rows > .md-tm-row:first-child { border-top: 0; }
.md-tm-row__n {
	font-family: var(--md-f-serif);
	font-size: 1rem;
	letter-spacing: var(--md-ls-head);
	text-transform: uppercase;
	color: var(--md-ink);
}
.md-tm-row__n a { color: inherit; }
.md-tm-row__n a:hover { color: var(--md-ink-bright); }
.md-tm-row__s {
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-tm-row__s a { color: var(--md-ink-dim); }
.md-tm-row .md-tm__on {
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
}

/* Schmal */
@media (max-width: 640px) {
	.md-tm__i { grid-template-columns: minmax(0, 1fr); }
	.md-tm__ph { grid-row: auto; }
	.md-tm-row { grid-template-columns: minmax(0, 1fr); }
}