/* Anvil Panzerverband -- der Abschnitt „Fahrzeuglivree“ im Regimentsdossier (seit 0.1.0).
 *
 * FARBEN: Die Lackierung selbst ist Datensatz (Regimentsfarben) und steht als fill im SVG, nicht hier. Alles, was das
 * Erscheinungsbild traegt -- Grund der Tafeln, Rahmen, Schrift, die Umrisse (currentColor) --, liest die Tokens des
 * Themes und stellt sich mit Hell, Mittel und Dunkel um. */
.apv-livree { display: flex; flex-direction: column; gap: 1rem; }
.apv-livree-einleitung, .apv-livree-hinweis { margin: 0; }
.apv-livree-hinweis { font-size: .85rem; color: var(--text-muted, #aaa); }

.apv-livree figure { margin: 0; }
.apv-livree-gross, .apv-livree-klein figure {
	background: var(--bg-surface, #1b1d22);
	border: 1px solid var(--border, #444);
	border-radius: var(--radius-md, 6px);
	color: var(--text-body, #eee);
}
.apv-livree-gross { padding: .6rem; max-width: 40rem; }
.apv-livree-klein { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; max-width: 40rem; }
.apv-livree-klein figure { padding: .3rem .4rem; }
.apv-livree svg.apv-tafel-svg { display: block; width: 100%; height: auto; }
.apv-livree figcaption { font-size: .8rem; color: var(--text-muted, #aaa); padding-top: .25rem; }

.apv-livree-farben svg.apv-farbfeld { width: 1.1rem; height: 1.1rem; vertical-align: -.2rem; }
.apv-livree-farben code { font-size: .85em; }
.apv-livree-farben small { color: var(--text-muted, #aaa); }

.apv-livree-unter { margin: 0 0 .4rem; font-family: var(--font-heading, 'Oswald', 'Arial Narrow', sans-serif); font-size: .8rem; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted, #aaa); }
.apv-livree-kompanien ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem .9rem; }
.apv-livree-kompanien li { display: flex; align-items: center; gap: .35rem; font-size: .85rem; }
.apv-livree-kompanien svg.apv-band { width: 3.4rem; height: auto; border: 1px solid var(--border, #444); border-radius: 3px; }

@media (max-width: 520px) {
	.apv-livree-klein { grid-template-columns: minmax(0, 1fr); }
}