/* ==========================================================================
   Release Notes — release-notes-spezifische Ergänzungen
   Basis: sh-page / sh-faq-item / pw-pageheader (aus support.css + global.css)
   Konsumiert: --pw-* aus global.css. Dark Mode kommt vollständig via
   Token-Cascade — kein eigener @media-Block nötig.
   ========================================================================== */

.sh-relnotes-page { padding: 0 0 var(--pw-space-3xl); }

@media (max-width: 768px) {
	.sh-relnotes-page { padding: 0 0 60px; }
}

/* --- App-Icon vor Produkt-Titel --- */
.sh-relnotes__app-icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
}

.sh-relnotes__app-icon img {
	width: 36px;
	height: 36px;
	display: block;
}

@media (max-width: 600px) {
	.sh-relnotes__app-icon img { width: 30px; height: 30px; }
}

/* --- Dezenter Open-State (kein oranger Rahmen, kein oranger Schatten) --- */
.sh-relnotes-page .sh-faq-item[open] {
	border-color: var(--pw-border-light);
	box-shadow: none;
}

/* --- Dezenter Toggle (statt orange-gefüllter Kreis) --- */
.sh-relnotes-page .sh-faq-item__toggle {
	width: 24px;
	height: 24px;
	background: transparent;
	color: var(--pw-text-muted);
	font-size: 18px;
	font-weight: 300;
}

.sh-relnotes-page .sh-faq-item:hover .sh-faq-item__toggle {
	color: var(--pw-text);
}

.sh-relnotes-page .sh-faq-item[open] .sh-faq-item__toggle {
	background: transparent;
	color: var(--pw-text-muted);
	transform: rotate(45deg);
}

/* Inner accordion list (Versions) — sitting inside an open product item */
.sh-relnotes__versions {
	margin-top: var(--pw-space-md);
}

/* Date inline next to version title */
.sh-relnotes__date {
	display: inline-block;
	margin-left: 12px;
	font-size: 13px;
	font-weight: 400;
	color: var(--pw-text-muted);
	font-variant-numeric: tabular-nums;
}

/* Minimum macOS meta line */
.sh-relnotes__meta {
	display: inline-block;
	font-size: 12px;
	color: var(--pw-text-muted);
	background: var(--pw-bg-alt);
	padding: var(--pw-space-xs) 10px;
	border-radius: var(--pw-radius-sm);
	margin: 0 0 14px;
}

.sh-relnotes__download {
	margin: 0 0 20px;
}

@media (max-width: 600px) {
	.sh-relnotes__date {
		display: block;
		margin-left: 0;
		margin-top: var(--pw-space-xs);
	}
}