/*
 * Seitenspezifische Styles des Einzelbeitrags (single.php) – wird nur auf
 * is_singular('post') nachgeladen (siehe functions.php). Wiederverwendbare
 * Bausteine (.hero, .neuigkeiten-grid, .sidebar-panel, .info-row, ...)
 * stehen in assets/css/components/ bzw. assets/css/base/layout.css – hier
 * nur die Hero-Erweiterung, die bislang ausschließlich hier gebraucht wird
 * (Datum/Lesezeit-Zeile über dem Titel).
 */

.hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 10px;
}

.hero-meta span {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: rgba(255, 255, 255, .85);
}

.hero-meta svg {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
}