/* VAG-Extras – kiegészítő stílusok a statikus oldalakhoz (a style.css mellé) */

a.wordmark { color: inherit; text-decoration: none; }
a.lang-btn, a.chip, a.btn-ghost { display: inline-block; text-decoration: none; }
a.btn-ghost { text-align: center; }

.crumbs { margin-bottom: 18px; font-family: var(--mono); font-size: 0.73rem; letter-spacing: 0.06em; }
.crumbs ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; }
.crumbs li { color: var(--faint); }
.crumbs li + li::before { content: "/"; margin-right: 6px; }
.crumbs a { color: var(--muted); text-decoration: none; }
.crumbs a:hover { color: var(--accent); }

.page-title { font-family: var(--cond); font-size: 1.9rem; font-weight: 700; line-height: 1.15; }
.page-intro { margin-top: 20px; max-width: 70ch; color: var(--muted); font-size: 0.94rem; }
.page-intro p + p { margin-top: 8px; }
.page-intro + .models { margin-top: 26px; }

.section-title { margin: 48px 0 14px; font-family: var(--cond); font-size: 1.32rem; font-weight: 700; }
.about p { max-width: 70ch; margin-bottom: 10px; color: var(--muted); font-size: 0.94rem; }

.brand-block { margin-top: 26px; }
.brand-block h3 { font-family: var(--cond); font-size: 1.15rem; }
.brand-block h3 a { color: var(--text); text-decoration: none; }
.brand-block h3 a:hover { color: var(--accent); }

.model-list { margin-top: 10px; list-style: none; border-top: 1px solid var(--line-soft); }
.model-list li { display: flex; gap: 6px 16px; padding: 9px 0; border-bottom: 1px solid var(--line-soft); font-size: 0.92rem; }
.model-name { flex: 0 0 110px; padding-top: 2px; font-family: var(--mono); font-size: 0.78rem; color: var(--faint); }
.gen-links { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.gen-links a { color: var(--muted); text-decoration: none; }
.gen-links a:hover { color: var(--accent); }
.gen-links small { margin-left: 6px; font-family: var(--mono); font-size: 0.7rem; color: var(--faint); }

#emptyMsg { margin-top: 14px; }
.related .section-title:first-child { margin-top: 40px; }
.related-all { margin-top: 22px; }

@media (max-width: 600px) {
    .page-title { font-size: 1.5rem; }
    .model-name { flex-basis: 78px; }
}