/**
 * Autorenkasten am Ende der Blogbeitraege.
 *
 * Bewusst KEINE gefuellte Flaeche. Die grauen Wegweiser-Boxen
 * (.adhs-next-step) stehen unmittelbar davor und sollen ihre Signalwirkung
 * behalten - siehe den Kommentar dazu in style.css. Der Autorenkasten ist kein
 * Handlungsaufruf, sondern eine Herkunftsangabe: eine Linie oben genuegt.
 *
 * Farben aus derselben Palette wie assets/adhs-hero.css.
 *
 * @package twentytwentyone-child
 */

.adhs-autor {
	--a-ink: #1c2b28;
	--a-ink-soft: #566a66;
	--a-akzent: #00655a;
	--a-akzent-hell: #06a893;

	margin-top: clamp(2.5rem, 6vw, 3.5rem);
	padding-top: clamp(1.5rem, 4vw, 2rem);
	border-top: 3px solid var(--a-akzent);
}

.adhs-autor__titel {
	margin: 0 0 1.25rem;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--a-ink-soft);
}

.adhs-autor__reihe {
	display: flex;
	align-items: flex-start;
	gap: clamp(1.1rem, 3vw, 1.75rem);
}

.adhs-autor__bild {
	flex: 0 0 auto;
	width: clamp(5rem, 14vw, 7rem);
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 50%;
	display: block;
}

/* Ohne min-width: 0 schrumpft ein Flex-Element nicht unter die Breite seines
   Inhalts - lange Links in den Nachweisen sprengen dann die Zeile. */
.adhs-autor__text {
	min-width: 0;
}

.adhs-autor__name {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.25;
}

.adhs-autor__name a {
	color: var(--a-ink);
	text-decoration: none;
}

.adhs-autor__name a:hover,
.adhs-autor__name a:focus-visible {
	color: var(--a-akzent);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.adhs-autor__rolle {
	margin: 0.15em 0 0.85em;
	font-size: 0.92rem;
	color: var(--a-ink-soft);
}

.adhs-autor__bio {
	font-size: 0.97rem;
	line-height: 1.6;
	color: var(--a-ink);
}

.adhs-autor__bio > :first-child {
	margin-top: 0;
}

.adhs-autor__bio > :last-child {
	margin-bottom: 0;
}

/* Nachweise: eine Zeile, umbruchfaehig, mit Trennpunkt zwischen den Eintraegen.
   Der Punkt kommt aus ::before und nicht aus einem border, damit er bei einem
   Zeilenumbruch nicht am Zeilenanfang haengen bleibt. */
.adhs-autor__nachweise {
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem 0.85rem;
	font-size: 0.87rem;
}

/* `.entry-content` mitgeschrieben, weil der Kasten ueber den `the_content`-Filter
   im Inhaltsbereich landet und dort `.entry-content li + li { margin-top: 0.45rem }`
   aus style.css greift. Diese Regel hat Spezifitaet (0,1,2) und schlug die
   klassenlose Fassung (0,1,1) - der zweite Nachweis sass dadurch 7px tiefer als
   der erste. */
.entry-content .adhs-autor__nachweise li,
.adhs-autor__nachweise li {
	margin: 0;
	position: relative;
}

.adhs-autor__nachweise li + li::before {
	content: "·";
	position: absolute;
	left: -0.52rem;
	color: var(--a-ink-soft);
}

.adhs-autor__nachweise a {
	color: var(--a-ink-soft);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.adhs-autor__nachweise a:hover,
.adhs-autor__nachweise a:focus-visible {
	color: var(--a-akzent-hell);
}

/* Schmale Schirme: Bild ueber den Text, damit die Zeilen nicht auf gut
   zwanzig Zeichen zusammenschnurren. */
@media (max-width: 500px) {
	.adhs-autor__reihe {
		flex-direction: column;
		gap: 1rem;
	}

	.adhs-autor__bild {
		width: 5rem;
	}
}