/* Bereich „Fahrzeuge“ (KBA) — ergänzt dc1as-callsigns.css */
.fz-page {
    background:
        radial-gradient(900px 420px at 80% -10%, rgba(56, 189, 248, 0.12), transparent 55%),
        var(--bg);
}
.fz-search { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; }
.fz-search > input[type=search] {
    flex: 1 1 260px; min-width: 0; padding: 10px 12px; border-radius: 10px;
    border: 1px solid var(--panel-border); background: var(--panel-bg); color: var(--text); font-size: 16px;
}
.fz-search button {
    padding: 10px 18px; border-radius: 10px; border: 1px solid var(--accent);
    background: var(--accent); color: var(--btn-text); font-weight: 700; font-size: 15px; cursor: pointer;
}
.fz-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fz-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.92em; }
.fz-lic a { color: inherit; }
nav.top-nav a.nav-link-fahrzeuge {
    border-color: color-mix(in srgb, #0ea5e9 55%, var(--chip-border));
    background: linear-gradient(135deg, color-mix(in srgb, #0ea5e9 22%, var(--chip-bg)), var(--chip-bg));
    color: #e0f2fe; font-weight: 800;
    box-shadow: 0 0 0 1px rgba(125, 211, 252, 0.25), 0 6px 16px rgba(14, 165, 233, 0.22);
}
.fz-search--multi { align-items: flex-end; }
.fz-field { display: flex; flex-direction: column; gap: 4px; flex: 0 1 150px; min-width: 120px; font-size: 13px; font-weight: 700; }
.fz-field small { font-weight: 400; opacity: .7; }
.fz-field--wide { flex: 1 1 300px; }
.fz-field input {
    width: 100%; box-sizing: border-box; padding: 10px 12px; border-radius: 10px;
    border: 1px solid var(--panel-border); background: var(--panel-bg); color: var(--text); font-size: 16px;
    text-transform: none;
}
.fz-field input[name=hsn], .fz-field input[name=tsn] { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.fz-field input { flex: none; height: auto; }
.fz-port td{white-space:normal;vertical-align:top}.fz-port td:last-child{min-width:340px}
.fz-link{color:inherit;text-decoration:underline dotted;text-underline-offset:3px}.fz-link:hover{text-decoration:underline}
/* Schlüsselnummern-Kacheln (HSN/TSN) */
.fz-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; margin: 14px 0 22px; }
.fz-tile { position: relative; display: block; padding: 14px; border-radius: 12px; border: 1px solid var(--cs-line, var(--panel-border)); background: var(--panel-bg); color: var(--cs-ink, inherit); text-decoration: none; transition: transform .12s, border-color .12s; }
.fz-tile:hover, .fz-tile:focus-visible { transform: translateY(-2px); border-color: var(--cs-fill); }
.fz-tile__rank { position: absolute; top: 8px; right: 12px; font-weight: 800; font-size: 13px; opacity: .6; }
.fz-keys { display: flex; gap: 8px; margin: 14px 0 10px; }
.fz-key { flex: 1; border: 2px solid var(--cs-head, var(--accent)); border-radius: 8px; padding: 4px 8px 6px; text-align: center; }
.fz-key small { display: block; font-size: 10px; letter-spacing: .14em; opacity: .7; }
.fz-key b { font: 700 22px ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--cs-head, var(--accent)); }
.fz-tile__name { display: block; font-weight: 700; word-break: break-word; }
.fz-tile__make { display: block; font-size: 13px; opacity: .75; }
.fz-tile__n { display: block; margin-top: 8px; font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; }
.fz-tile__n small { font-size: 12px; font-weight: 400; opacity: .7; }
.fz-tile__bar { display: block; height: 6px; background: var(--cs-track); border-radius: 4px; margin-top: 6px; overflow: hidden; }
.fz-tile__bar i { display: block; height: 100%; background: var(--cs-fill); }
/* Exoten-Liste: Anzahl direkt neben dem Namen */
.fz-exo { margin: 12px 0; }
.fz-exo__row { display: grid; grid-template-columns: minmax(120px, 200px) 96px 1fr 190px; gap: 10px; align-items: center; padding: 5px 0; border-bottom: 1px solid var(--cs-line, var(--panel-border)); }
.fz-exo__name { font-weight: 700; }
.fz-exo__n { text-align: right; font-size: 18px; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--cs-head, inherit); }
.fz-exo__bar { display: block; height: 8px; background: var(--cs-track); border-radius: 4px; overflow: hidden; }
.fz-exo__bar i { display: block; height: 100%; background: var(--cs-fill); }
.fz-exo__rank { font-size: 12px; opacity: .65; }
@media (max-width: 560px) { .fz-exo__row { grid-template-columns: 1fr 90px; } .fz-exo__bar, .fz-exo__rank { grid-column: 1 / -1; } }
/* 50 Raritäten */
.fz-rare { display: grid; gap: 0; margin: 14px 0; }
.fz-rare__row { display: grid; grid-template-columns: 230px 1fr; gap: 16px; align-items: start; padding: 14px 0; border-bottom: 1px solid var(--cs-line, var(--panel-border)); }
.fz-rare__keys { display: flex; gap: 8px; text-decoration: none; color: inherit; }
.fz-rare__keys:hover .fz-key, .fz-rare__keys:focus-visible .fz-key { border-color: var(--cs-fill); }
.fz-rare__txt h3 { margin: 0 0 4px; font-size: 1.02rem; }
.fz-rare__n { font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--cs-line, var(--panel-border)); margin-left: 6px; white-space: nowrap; }
.fz-rare__txt p { margin: 0 0 4px; }
.fz-rare__kba { font-size: 12px; opacity: .65; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
@media (max-width: 640px) { .fz-rare__row { grid-template-columns: 1fr; gap: 8px; } .fz-rare__keys { max-width: 260px; } }
.fz-more { color: var(--cs-head, inherit); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.fz-more:hover { text-decoration-thickness: 2px; }
.fz-exo__rank { font-size: 14px; opacity: 1; text-align: right; }
/* Externe Links (Wikipedia / Bilder) */
.fz-extcol { text-align: right; white-space: nowrap; width: 1%; }
.fz-ext { display: inline-flex; gap: 6px; }
.fz-ext a { display: inline-flex; align-items: center; gap: 3px; padding: 3px 6px; border-radius: 6px; border: 1px solid var(--cs-line, var(--panel-border)); color: var(--cs-head, inherit); text-decoration: none; font-size: 12px; font-weight: 700; line-height: 1; }
.fz-ext a:hover, .fz-ext a:focus-visible { border-color: var(--cs-fill); background: var(--cs-track); }
.fz-ext svg { flex: none; }
/* Großer Hinweis: keine reine Pkw-Statistik */
.fz-disclaimer { display: flex; gap: 14px; align-items: flex-start; box-sizing: border-box; margin: 16px auto; width: calc(100% - 32px); max-width: 1100px; padding: 16px 18px; border-radius: 12px; border: 2px solid #d97706; background: color-mix(in srgb, #f59e0b 14%, var(--panel-bg)); color: var(--cs-ink, inherit); font-size: 1.02rem; line-height: 1.5; }
.fz-disclaimer__icon { flex: none; font-size: 2rem; line-height: 1; color: #d97706; }
.fz-disclaimer__txt > strong:first-child { display: block; font-size: 1.15rem; margin-bottom: 4px; }
@media (max-width: 640px) { .fz-disclaimer { padding: 12px 14px; } .fz-disclaimer__icon { font-size: 1.5rem; } }
.fz-disclaimer__src { display: block; margin-top: 10px; padding-top: 8px; border-top: 1px dashed color-mix(in srgb, #d97706 55%, transparent); font-size: .9rem; opacity: .95; }
.fz-disclaimer__src a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* Disclaimer im Hero: rechte Spalte auf breiten Bildschirmen */
.cs-hero--fz .fz-disclaimer { margin: 18px 0 0; width: 100%; max-width: none; font-size: .95rem; line-height: 1.45; padding: 14px 16px; box-shadow: 0 6px 18px rgba(217, 119, 6, .16); }
.cs-hero--fz .fz-disclaimer__src { font-size: .85rem; }
@media (min-width: 1020px) {
  .cs-hero--fz { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, 46%); column-gap: 28px; align-items: start; align-content: start; grid-auto-rows: min-content; }
  .cs-hero--fz > * { grid-column: 1; }
  .cs-hero--fz > .fz-disclaimer { grid-column: 2; grid-row: 1 / span 6; margin: 0; align-self: start; }
}

/* Modelle / Fahrzeugalter */
.fz-neg { color: #b91c1c; } .fz-pos { color: #15803d; }
html[data-theme="dark"] .fz-neg, html[data-theme="dark"] .cs-table td.fz-neg { color: #f87171; } html[data-theme="dark"] .fz-pos, html[data-theme="dark"] .cs-table td.fz-pos { color: #4ade80; }
.fz-lab { box-sizing: border-box; margin: 16px auto; width: calc(100% - 32px); max-width: 1100px; padding: 14px 18px; border-radius: 12px; border: 2px dashed #d97706; background: color-mix(in srgb, #f59e0b 10%, var(--panel-bg)); line-height: 1.5; }
.fz-list { margin: 8px 0 0; padding-left: 20px; line-height: 1.55; } .fz-list li { margin: 6px 0; }
.fz-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 8px 0 10px; font-size: .9rem; } .fz-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
.fz-stackwrap { display: grid; gap: 8px; }
.fz-stackrow { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 12px; align-items: center; }
.fz-stackrow__name small { display: block; opacity: .75; font-size: .8rem; }
.fz-stackrow__half { font-size: .82rem; opacity: .9; }
.fz-stack { display: flex; height: 28px; border-radius: 6px; overflow: hidden; background: color-mix(in srgb, currentColor 8%, transparent); }
.fz-stack .fz-seg { display: flex; align-items: center; justify-content: center; font-size: .72rem; font-weight: 700; color: #fff; min-width: 1px; }
.fz-seg--num { background: #7c2d12; } .fz-seg--a { background: #c2410c; } .fz-seg--b { background: #d97706; } .fz-seg--c { background: #0f766e; } .fz-seg--dp { background: #0e7490; }
.fz-minibar { height: 10px; min-width: 120px; border-radius: 5px; background: color-mix(in srgb, currentColor 10%, transparent); overflow: hidden; } .fz-minibar i { display: block; height: 100%; background: #d97706; }
@media (max-width: 760px) { .fz-stackrow { grid-template-columns: 1fr; gap: 4px; } }

/* Zeitstrahl + Haltbarkeit */
.fz-timeline { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin: 14px 0 4px; }
.fz-timeline__step { display: grid; gap: 4px; text-align: center; }
.fz-timeline__bar { display: block; padding: 14px 6px; border-radius: 10px; color: #fff; font-weight: 800; font-size: 1.15rem; }
.fz-timeline__step b { font-size: .95rem; } .fz-timeline__step small { opacity: .75; }
.fz-timeline__axis { display: flex; justify-content: space-between; margin: 0 0 12px; padding: 6px 2px 0; border-top: 3px solid color-mix(in srgb, currentColor 35%, transparent); font-size: .85rem; opacity: .85; position: relative; }
.fz-keep { display: grid; gap: 7px; margin-top: 10px; }
.fz-keep__row { display: grid; grid-template-columns: 28px 230px minmax(0, 1fr); gap: 10px; align-items: center; }
.fz-keep__rank { font-weight: 800; opacity: .6; text-align: right; }
.fz-keep__name small { display: block; font-size: .78rem; opacity: .7; }
.fz-keep__bar { display: flex; height: 30px; border-radius: 8px; overflow: hidden; }
.fz-keep__bar i { display: flex; align-items: center; justify-content: center; font-style: normal; font-weight: 800; font-size: .85rem; color: #fff; min-width: 24px; }
.fz-keep__ok { background: #15803d; } .fz-keep__gone { background: #b91c1c; }
@media (max-width: 760px) { .fz-timeline__bar { font-size: .85rem; padding: 10px 2px; } .fz-timeline__step b { font-size: .75rem; } .fz-timeline__step small { display: none; } .fz-keep__row { grid-template-columns: 22px minmax(0, 1fr); } .fz-keep__bar { grid-column: 1 / -1; } }

.fz-yearpick { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 10px 0 6px; }
.fz-yearpick label { font-weight: 700; }
.fz-yearpick select { font: inherit; padding: 8px 12px; border-radius: 8px; border: 2px solid #d97706; background: var(--panel-bg); color: inherit; cursor: pointer; }
.fz-yearpick__hint { font-size: .85rem; opacity: .8; }
.fz-keep__bar i { transition: width .35s ease; }

.fz-curve { margin: 14px 0; } .fz-curve svg { width: 100%; height: auto; max-width: 820px; display: block; }
.fz-curve figcaption { font-size: .85rem; opacity: .8; margin-top: 4px; }
.fz-curve__grid { stroke: currentColor; stroke-opacity: .15; } .fz-curve__tx { fill: currentColor; opacity: .75; font-size: 12px; }
.fz-curve__line { fill: none; stroke: #d97706; stroke-width: 3.5; stroke-linejoin: round; stroke-linecap: round; }
.fz-curve__dot { fill: #b45309; stroke: #fff; stroke-width: 2; } .fz-curve__lab { fill: currentColor; font-weight: 700; font-size: 13px; }
.cs-section h3 { margin: 22px 0 8px; }

/* Marken-Seite */
.fz-band--1 { background: #0f766e; } .fz-band--2 { background: #65a30d; } .fz-band--3 { background: #d97706; } .fz-band--4 { background: #b91c1c; }
.fz-ribbon { display: flex; height: 26px; border-radius: 6px; overflow: hidden; background: color-mix(in srgb, currentColor 8%, transparent); min-width: 120px; }
.fz-ribbon i { display: flex; align-items: center; justify-content: center; font-style: normal; font-weight: 700; font-size: .75rem; color: #fff; min-width: 1px; }
.fz-legend i.fz-band--1, .fz-legend i.fz-band--2, .fz-legend i.fz-band--3, .fz-legend i.fz-band--4 { display: inline-block; }
.fz-sort { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 12px 0; }
.fz-sort button, .fz-more { font: inherit; cursor: pointer; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--cs-line, var(--panel-border)); background: transparent; color: inherit; text-decoration: none; display: inline-block; }
.fz-sort button.is-on { background: #d97706; border-color: #d97706; color: #fff; font-weight: 700; }
.fz-brands { display: grid; gap: 6px; }
.fz-brand { display: grid; grid-template-columns: 170px minmax(0, 1fr) 90px 70px; gap: 12px; align-items: center; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--cs-line, var(--panel-border)); text-decoration: none; color: inherit; }
.fz-brand:hover, .fz-brand:focus-visible { border-color: #d97706; background: color-mix(in srgb, #d97706 7%, transparent); }
.fz-brand__name small, .fz-brand__age small, .fz-brand__idx small { display: block; font-size: .72rem; opacity: .7; font-weight: 400; }
.fz-brand__age, .fz-brand__idx { text-align: right; font-weight: 800; }
@media (max-width: 760px) { .fz-brand { grid-template-columns: 1fr 70px; } .fz-brand .fz-ribbon { grid-column: 1 / -1; order: 3; } .fz-brand__idx { display: none; } }
.fz-podium { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin: 10px 0 16px; }
.fz-podium__card { border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 12px; padding: 10px 14px; } .fz-podium__card h3 { margin: 0 0 6px; font-size: 1rem; }
.fz-podium__card ol { margin: 0; padding-left: 1.2em; } .fz-podium__card li { margin: 3px 0; } .fz-podium__card li b { float: right; }
.fz-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin: 12px 0; }
.fz-kpi { border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 12px; padding: 10px 14px; } .fz-kpi b { display: block; font-size: 1.5rem; line-height: 1.2; } .fz-kpi span { font-size: .85rem; opacity: .85; } .fz-kpi small { opacity: .8; }
.fz-back { margin: 12px 0 0; }
.fz-coh { display: grid; gap: 4px; margin: 10px 0 16px; }
.fz-coh__row { display: grid; grid-template-columns: 64px minmax(0, 1fr) minmax(170px, 300px); gap: 10px; align-items: center; font-size: .9rem; }
.fz-coh__y { font-weight: 700; text-align: right; }
.fz-coh__bar { height: 18px; display: block; }
.fz-coh__all { display: block; height: 100%; border-radius: 4px; background: color-mix(in srgb, #d97706 25%, transparent); }
.fz-coh__left { display: block; height: 100%; border-radius: 4px; background: #d97706; }
.fz-coh__n small { opacity: .75; }
@media (max-width: 760px) { .fz-coh__row { grid-template-columns: 52px minmax(0, 1fr); } .fz-coh__n { grid-column: 2; } }
.fz-curve__line--nat { stroke: #94a3b8; stroke-width: 2.5; stroke-dasharray: 5 4; }
.fz-mhead, .fz-model > summary { display: grid; grid-template-columns: minmax(0, 1fr) 100px 80px 100px 190px; gap: 10px; align-items: center; padding: 8px 10px; }
.fz-mhead { font-size: .8rem; opacity: .75; font-weight: 700; }
.fz-models { display: grid; gap: 4px; }
.fz-model { border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 10px; }
.fz-model > summary { cursor: pointer; list-style: none; } .fz-model > summary::-webkit-details-marker { display: none; }
.fz-model[open] { border-color: #d97706; } .fz-model[open] > summary { background: color-mix(in srgb, #d97706 8%, transparent); border-radius: 9px 9px 0 0; }
.fz-model__name { font-weight: 700; overflow-wrap: anywhere; } .fz-model__name small { display: block; font-weight: 400; opacity: .7; font-size: .75rem; }
.fz-model__name::before { content: "▸ "; opacity: .6; } .fz-model[open] .fz-model__name::before { content: "▾ "; }
.fz-model__young { display: flex; gap: 8px; align-items: center; } .fz-model__young .fz-minibar { flex: 1; min-width: 60px; }
.fz-model__body { padding: 8px 12px 12px; }
.fz-facts { margin: 4px 0 10px; padding-left: 1.1em; } .fz-facts li { margin: 2px 0; }
.fz-chip { display: inline-block; padding: 1px 8px; border-radius: 999px; border: 1px solid var(--cs-line, var(--panel-border)); font-size: .8rem; }
.fz-mini-title { font-size: .85rem; font-weight: 700; margin: 10px 0 4px; opacity: .85; }
.fz-dual { display: grid; gap: 2px; } .fz-dual .fz-minibar { height: 6px; min-width: 100px; } .fz-types td small { display: block; opacity: .75; font-size: .75rem; }
.fz-model__ext { margin: 8px 0 0; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.fz-tab-narrow { font-size: .78rem; } .fz-tab-narrow th, .fz-tab-narrow td { padding: 4px 6px; }
@media (max-width: 760px) { .fz-mhead { display: none; } .fz-model > summary { grid-template-columns: 1fr 90px; } .fz-model__young { grid-column: 1 / -1; } }

.fz-deeplink { margin: 8px 0 12px; padding: 10px 14px; border-radius: 10px; border: 2px solid #d97706; background: color-mix(in srgb, #d97706 8%, var(--panel-bg, transparent)); line-height: 1.8; } .fz-deeplink .fz-more { margin-left: 6px; padding: 3px 10px; font-weight: 700; }

.fz-ctl { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin: 8px 0; } .fz-ctl select, .fz-ctl input[type=search] { font: inherit; padding: 6px 10px; border-radius: 8px; border: 1px solid var(--cs-line, var(--panel-border)); max-width: 100%; } .fz-ctl label { font-weight: 700; }

.fz-ctl--sync { position: sticky; top: 0; z-index: 6; padding: 8px 10px; border-radius: 10px; background: var(--cs-bg, var(--panel-bg, Canvas)); border: 1px solid var(--cs-line, var(--panel-border)); }
.fz-keep__ok, .fz-keep__gone { transition: width .35s ease; }

.fz-sum { margin: 6px 0 10px; padding: 8px 12px; border-radius: 10px; font-weight: 700; border: 1px solid var(--cs-line, var(--panel-border)); }
.fz-flash { animation: fzflash .9s ease; }
@keyframes fzflash { 0% { background: rgba(60,130,70,.45); } 100% { background: transparent; } }

.fz-cols { display: flex; align-items: flex-end; gap: 3px; flex-wrap: wrap; padding: 14px 6px 6px; border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 12px; min-height: 220px; }
.fz-col { flex: 1 1 0; min-width: 18px; max-width: 46px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 200px; font-size: .72rem; }
.fz-col i { display: block; width: 100%; border-radius: 4px 4px 0 0; transition: height .35s ease; }
.fz-col b { margin-bottom: 2px; font-size: .7rem; }
.fz-col span { margin-top: 3px; opacity: .75; }
.fz-cols__leg { flex-basis: 100%; display: flex; gap: 14px; flex-wrap: wrap; margin-top: 10px; font-size: .8rem; }
.fz-cols__leg i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 5px; vertical-align: -1px; }
.fz-alltypes { margin: 14px 0; } .fz-alltypes > summary { cursor: pointer; font-weight: 700; padding: 6px 0; }

/* Sortierbare Modelltabelle + Paginierung */
.fz-sortable thead th { font-size: 15px; font-weight: 800; padding-top: 14px; padding-bottom: 14px; }
.fz-sortable th[data-sort] { user-select: none; white-space: nowrap; cursor: pointer; }
.fz-sortable th[data-sort]::after { content: " \21C5"; font-size: 1.5em; font-weight: 900; line-height: 1; vertical-align: -0.12em; margin-left: 4px; color: var(--cs-fill, currentColor); opacity: .7; }
.fz-sortable th[data-dir="asc"]::after { content: " \25B2"; font-size: 1.3em; opacity: 1; }
.fz-sortable th[data-dir="desc"]::after { content: " \25BC"; font-size: 1.3em; opacity: 1; }
.fz-sortable th[data-dir] { color: var(--cs-fill, inherit); }
.fz-sortable th:hover, .fz-sortable th:focus-visible { color: var(--cs-fill, inherit); background: var(--cs-track, rgba(0,0,0,.05)); }
.fz-hl { background: var(--cs-track, rgba(0,0,0,.04)); }
.fz-pager { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; }
.fz-pager button { font: inherit; font-size: 13px; padding: 5px 10px; border-radius: 6px; border: 1px solid var(--cs-line, var(--panel-border)); background: transparent; color: inherit; cursor: pointer; }
.fz-pager button:hover:not(:disabled) { border-color: var(--cs-fill); }
.fz-pager button.is-on { background: var(--cs-fill); color: #fff; border-color: var(--cs-fill); }
.fz-pager button:disabled { opacity: .4; cursor: default; }

/* Modelltabelle: kompakter, Überschriften dürfen umbrechen, nichts wird abgeschnitten */
.fz-sortable { table-layout: auto; }
.fz-sortable th, .fz-sortable td { padding: 10px 12px; }
.fz-sortable thead th { font-size: 13px; letter-spacing: .03em; white-space: normal; line-height: 1.2; vertical-align: bottom; }
.fz-sortable thead th::after { white-space: nowrap; }
.fz-sortable td:nth-child(4) { white-space: normal; min-width: 130px; }
.fz-sortable th:first-child, .fz-sortable td:first-child { width: 1%; text-align: right; }
.fz-sortable .fz-num { text-align: right; }
.fz-sortable th.fz-hl, .fz-sortable td.fz-hl { width: 1%; min-width: 110px; padding-right: 18px; }
.fz-sortable td.fz-hl strong { font-size: 15px; }
.fz-sortable .fz-extcol { width: 1%; padding-right: 14px; }
.fz-sortable .fz-ext { gap: 5px; }
.fz-sortable .fz-ext a { padding: 3px 5px; }

/* Startseiten-Hook */
.fz-hook__title { font-size: clamp(24px, 3.4vw, 38px); line-height: 1.15; margin: 0 0 10px; }
.fz-hook__lead { font-size: 17px; max-width: 70ch; margin: 0 0 18px; }
.fz-hook .cs-card__value { font-size: clamp(28px, 3.2vw, 40px); font-weight: 800; }
.fz-hook__cta { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 6px; }
.fz-hook__cta .fz-more { font-weight: 700; padding: 8px 14px; border: 1px solid var(--cs-fill); border-radius: 8px; text-decoration: none; }

/* „Was die Zahlen sind“ */
.fz-what__list { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 10px 0 0; }
.fz-what__list li { padding: 6px 12px; border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 999px; font-weight: 600; background: var(--cs-track, transparent); }

/* Umschalter Alle Fahrzeuge | nur Pkw */
.fz-switch__bar { display: inline-flex; border: 2px solid var(--cs-fill); border-radius: 12px; overflow: hidden; }
.fz-switch__btn { display: flex; flex-direction: column; gap: 2px; padding: 10px 22px; text-decoration: none; color: inherit; min-width: 170px; }
.fz-switch__btn b { font-size: 16px; }
.fz-switch__btn span { font-size: 13px; opacity: .8; font-variant-numeric: tabular-nums; }
.fz-switch__btn + .fz-switch__btn { border-left: 2px solid var(--cs-fill); }
.fz-switch__btn.is-on { background: var(--cs-fill); color: #fff; }
.fz-switch__btn:not(.is-on):hover { background: var(--cs-track, rgba(0,0,0,.05)); }

/* Pkw-Rekorde */
.fz-facts { display: flex; flex-wrap: wrap; gap: 14px; margin: 14px 0; }
.fz-facts div { flex: 1 1 180px; padding: 12px 16px; border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 12px; background: var(--cs-track, transparent); }
.fz-facts b { display: block; font-size: 28px; font-weight: 800; line-height: 1.1; }
.fz-facts span { font-size: 13px; opacity: .85; }
.fz-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 14px; }
.fz-duo--wrap { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
@media (max-width: 760px) { .fz-duo { grid-template-columns: 1fr; } }
.fz-duo h3 { margin: 0 0 4px; }
.fz-dim { opacity: .7; font-size: 12px; margin: 0 0 8px; }
.fz-stack { display: flex; height: 34px; border-radius: 8px; overflow: hidden; margin: 14px 0 8px; border: 1px solid var(--cs-line, var(--panel-border)); }
.fz-stack span { display: block; height: 100%; }
.fz-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 8px; font-size: 14px; }
.fz-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }

/* Fahrzeugalter: drei Zahlen + Spaltendiagramm */
.fz-three { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
.fz-three__item { padding: 18px 20px; border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 14px; background: var(--cs-track, transparent); }
.fz-three__num { font-size: clamp(34px, 5vw, 52px); font-weight: 800; line-height: 1.05; color: var(--cs-fill); }
.fz-three__lbl { font-size: 17px; font-weight: 700; margin: 4px 0 8px; }
.fz-three__item p { margin: 0; font-size: 14px; opacity: .85; }
.fz-cols { display: flex; align-items: flex-end; gap: 6px; height: 240px; margin: 16px 0 8px; padding-top: 22px; }
.fz-cols__c { flex: 1 1 0; min-width: 0; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; position: relative; }
.fz-cols__c i { display: block; width: 100%; background: var(--cs-fill); border-radius: 5px 5px 0 0; min-height: 3px; }
.fz-cols__c b { font-size: 11px; margin-bottom: 3px; opacity: .85; }
.fz-cols__c span { font-size: 12px; margin-top: 5px; opacity: .7; }
@media (max-width: 640px) { .fz-cols { gap: 3px; } .fz-cols__c b { font-size: 9px; } }

/* Tabellen: Lesbarkeit am Desktop (groß, luftig, klare Zeilen) */
.cs-table { font-size: clamp(15px, 1.15vw, 18px); line-height: 1.35; }
.cs-table th, .cs-table td { padding: 14px 18px; }
.cs-table thead th { font-size: clamp(13px, 0.95vw, 15px); letter-spacing: .04em; padding-top: 16px; padding-bottom: 16px; }
.cs-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--cs-fill, #3b7a78) 6%, transparent); }
.cs-table tbody tr:hover { background: color-mix(in srgb, var(--cs-fill, #3b7a78) 14%, transparent); }
.cs-table td { border-bottom-width: 1px; }
.cs-table .fz-code { font-size: 1.12em; font-weight: 700; letter-spacing: .05em; }
.cs-table .fz-code a { text-decoration-thickness: 1px; }
.cs-table td strong { font-size: 1.05em; }
.cs-table .fz-ext a { font-size: 14px; padding: 6px 9px; }
.cs-table .fz-ext svg { width: 16px; height: 16px; }
.cs-table .fz-ext { gap: 8px; }
.fz-sortable thead th { font-size: clamp(13px, 0.95vw, 15px); }
.fz-sortable th[data-sort]::after { font-size: 1.7em; }
.fz-sortable th[data-dir="asc"]::after, .fz-sortable th[data-dir="desc"]::after { font-size: 1.45em; }
.fz-sortable td:first-child { color: var(--muted, inherit); font-variant-numeric: tabular-nums; }
.fz-sortable td.fz-hl strong { font-size: 1.15em; }
@media (max-width: 760px) { .cs-table { font-size: 14px; } .cs-table th, .cs-table td { padding: 10px 12px; } }

/* Mini-Umschalter über Tabellen */
.fz-switch--mini { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 14px 0 10px; }
.fz-switch--mini .fz-switch__bar { border-width: 2px; border-radius: 10px; }
.fz-switch--mini .fz-switch__btn { flex-direction: row; align-items: baseline; gap: 10px; padding: 7px 16px; min-width: 0; }
.fz-switch--mini .fz-switch__btn b { font-size: 15px; }
.fz-switch--mini .fz-switch__btn span { font-size: 13px; }
.fz-switch__hint { font-size: 13px; opacity: .75; }

/* Tabellen dürfen nicht abgeschnitten werden: Text umbrechen, Spalten schlanker */
.fz-sortable { width: 100%; }
.fz-sortable td { white-space: normal; }
.fz-sortable td.fz-code, .fz-sortable td.fz-num, .fz-sortable td:first-child, .fz-sortable td.fz-extcol { white-space: nowrap; }
.cs-table th, .cs-table td { padding: 13px 14px; }
.fz-sortable th[data-sort]::after { margin-left: 2px; }
.fz-sortable td:nth-child(5), .fz-sortable td:nth-child(4) { word-break: break-word; }
.fz-sortable th.fz-hl, .fz-sortable td.fz-hl { min-width: 0; padding-right: 14px; }
.fz-ext a { padding: 5px 7px; }

/* Rekorde: Wo stehst du? + Dropdown */
.fz-stand { margin: 18px 0 26px; padding: 16px 18px; border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 10px; }
.fz-stand h3 { margin: 0 0 10px; }
.fz-stand__in { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin-bottom: 12px; }
.fz-stand__in label { display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.fz-stand__in input { font: inherit; font-size: 22px; width: 130px; padding: 6px 10px; border-radius: 8px; border: 1px solid var(--cs-line, var(--panel-border)); background: transparent; color: inherit; }
.fz-stand__in button { font: inherit; padding: 8px 16px; border: 1px solid var(--cs-line, var(--panel-border)); background: transparent; color: inherit; cursor: pointer; }
.fz-stand__in button.is-on { background: var(--cs-fill); color: #fff; border-color: var(--cs-fill); }
.fz-stand__kw { font-size: 18px; margin: 0 0 8px; }
.fz-stand__list { margin: 6px 0 0; padding-left: 20px; }
.fz-dd { margin: 18px 0 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-weight: 600; }
.fz-dd select { font: inherit; font-weight: 400; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--cs-line, var(--panel-border)); background: transparent; color: inherit; }

/* Abzeichen + Modellkacheln */
.fz-badge { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin: 6px 0 22px; padding: 18px 22px; border-radius: 14px; border: 2px solid var(--c); background: color-mix(in srgb, var(--c) 9%, transparent); }
.fz-shield { flex: 0 0 auto; filter: drop-shadow(0 3px 6px rgba(0,0,0,.25)); }
.fz-badge__txt { flex: 1 1 260px; }
.fz-badge__stars { display: flex; gap: 4px; }
.fz-star { fill: rgba(128,128,128,.25); }
.fz-star.is-on { fill: var(--c); stroke: rgba(0,0,0,.2); stroke-width: .6; }
.fz-badge__title { font-size: clamp(22px, 2.4vw, 30px); font-weight: 800; margin: 6px 0 2px; color: var(--c); }
.fz-badge__txt p { margin: 0; font-size: 16px; }
.fz-ladder { list-style: none; display: flex; flex: 1 1 100%; gap: 8px; margin: 4px 0 0; padding: 0; flex-wrap: wrap; }
.fz-ladder li { flex: 1 1 130px; display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 8px; border: 1px dashed var(--c); opacity: .5; font-size: 14px; }
.fz-ladder li b { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--c); color: #fff; font-size: 13px; flex: 0 0 auto; }
.fz-ladder li.is-done { opacity: .8; }
.fz-ladder li.is-on { opacity: 1; border-style: solid; font-weight: 700; background: color-mix(in srgb, var(--c) 18%, transparent); }
.fz-models { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 8px 14px; margin-top: 8px; }
.fz-model { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 10px; }
.fz-model__n { font-size: 13px; opacity: .55; min-width: 20px; }
.fz-model__t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.fz-model__t strong { overflow-wrap: anywhere; }
.fz-model__t small { opacity: .7; }
.fz-model__c { font-variant-numeric: tabular-nums; font-weight: 700; white-space: nowrap; }
.fz-model .fz-ext { white-space: nowrap; }
.fz-vt { display: inline-flex; margin: 0 0 8px; }
.fz-vt button { font: inherit; padding: 6px 16px; border: 1px solid var(--cs-line, var(--panel-border)); background: transparent; color: inherit; cursor: pointer; }
.fz-vt button.is-on { background: var(--cs-fill); color: #fff; border-color: var(--cs-fill); }
.fz-models[hidden], #fz-ml[hidden] { display: none; }
.fz-model__h { white-space: nowrap; font-size: 13px; font-family: ui-monospace, Menlo, monospace; }
.fz-models { grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); }
.fz-stand__eq { font-size: 26px; padding-bottom: 8px; opacity: .6; }
.cs-hero--fz { padding-top: 14px; padding-bottom: 14px; }
.cs-hero--fz .cs-hero__desc { margin: 4px 0 8px; font-size: 15px; }
.cs-hero__legal { font-size: 12.5px; line-height: 1.5; margin: 6px 0 4px; opacity: .85; }
.cs-hero--fz .cs-hero__invite { margin: 6px 0 0; font-size: 13px; padding: 6px 10px; }

/* Inhaltsverzeichnis + Nach-oben */
.fz-toc { margin: 8px 0 22px; scroll-margin-top: 90px; }
.fz-toc h2 { margin: 0 0 10px; }
.fz-toc ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.fz-toc a { display: flex; gap: 10px; align-items: flex-start; padding: 10px 14px; border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 10px; text-decoration: none; color: inherit; flex: 1; box-sizing: border-box; }
.fz-toc li { display: flex; }
.fz-toc a:hover { border-color: var(--cs-fill); }
.fz-toc__i { font-size: 22px; line-height: 1.2; }
.fz-toc strong { display: block; }
.fz-toc small { display: block; opacity: .75; font-size: 13px; line-height: 1.35; }
.fz-up { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 22px 0 6px; padding: 10px 12px; border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 12px; background: var(--cs-track, rgba(0,0,0,.04)); }
.fz-up__top { font-size: 18px; font-weight: 800; text-decoration: none; padding: 10px 22px; border-radius: 10px; background: var(--cs-fill); color: #fff; margin-right: 6px; }
.fz-up__top:hover { filter: brightness(1.12); }
.fz-up__chip { font-size: 14px; text-decoration: none; padding: 7px 12px; border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 999px; color: inherit; }
.fz-up__chip:hover { border-color: var(--cs-fill); }
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 90px; }

/* Anker unter dem klebenden Kopf + Tabellen nie abgeschnitten */
section[id], .fz-toc { scroll-margin-top: calc(var(--fz-hdr, 150px) + 14px); }
.cs-table-wrap { overflow-x: auto; max-width: 100%; }
.fz-sortable td.fz-code { white-space: normal; word-break: normal; min-width: 4.5em; }
.cs-table .fz-code { letter-spacing: .02em; font-size: 1em; }
.fz-sortable th, .fz-sortable td { padding: 9px 9px; }
.fz-sortable td.fz-extcol { padding-right: 10px; }
.fz-sortable .fz-ext svg { display: none; }
.fz-sortable .fz-ext a { padding: 4px 9px; }
.fz-sortable th.fz-hl { max-width: 140px; }
.fz-sortable td.fz-num, .fz-sortable th.fz-num { padding-left: 6px; padding-right: 8px; }
.fz-stand__or { align-self: end; padding-bottom: 12px; opacity: .7; margin-left: 10px; }
.fz-stand__in input[type=text] { width: 100px; text-transform: uppercase; font-family: ui-monospace, Menlo, monospace; letter-spacing: .05em; }
.fz-stand__lk { flex: 1 1 100%; font-size: 14px; min-height: 1.4em; }
.fz-explain { margin: 8px 0 16px; padding: 14px 18px; border: 1px dashed var(--cs-line, var(--panel-border)); border-radius: 12px; background: var(--cs-track, rgba(0,0,0,.04)); }
.fz-explain ul { margin: 8px 0 0; padding-left: 20px; }
.fz-explain li { margin: 6px 0; }
.fz-vt--tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.fz-vt--tabs a { padding: 10px 16px; border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 999px; text-decoration: none; color: inherit; font-weight: 600; }
.fz-vt--tabs a.is-on { background: var(--cs-fill); color: #fff; border-color: var(--cs-fill); }
.fz-pager--hidden { display: none; }
.fz-halter-sub { margin: 4px 0 10px; }

/* Teilen + Aufruf */
.fz-share { margin: 6px 0 22px; padding: 16px 18px; border: 2px solid var(--cs-fill); border-radius: 14px; }
.fz-share[hidden] { display: none; }
.fz-share__t { font-size: 18px; font-weight: 800; margin-bottom: 10px; }
.fz-share__b { display: flex; flex-wrap: wrap; gap: 10px; }
.fz-share__b button { font: inherit; font-weight: 700; padding: 12px 20px; border-radius: 10px; border: 1px solid var(--cs-line, var(--panel-border)); background: transparent; color: inherit; cursor: pointer; }
.fz-share__b button:hover { border-color: var(--cs-fill); }
.fz-share__b .fz-share__main { background: var(--cs-fill); color: #fff; border-color: var(--cs-fill); font-size: 18px; padding: 12px 28px; }
.fz-share__msg { min-height: 1.4em; margin-top: 8px; font-size: 14px; }
.fz-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; justify-content: space-between; margin: 12px 0 18px; padding: 18px 22px; border-radius: 14px; background: var(--cs-fill); color: #fff; }
.fz-cta[hidden] { display: none; }
.fz-cta strong { display: block; font-size: 20px; }
.fz-cta span { display: block; margin-top: 4px; opacity: .95; }
.fz-cta button { font: inherit; font-size: 18px; font-weight: 800; padding: 14px 26px; border-radius: 12px; border: 0; background: #fff; color: #111; cursor: pointer; }

/* Eingabe-Zeilen + Duell */
.fz-stand__in { align-items: flex-end; }
.fz-stand__row { display: flex; align-items: flex-end; gap: 10px; }
.fz-stand__row label small { opacity: .6; }
.fz-share__b .ico { margin-right: 6px; }
.fz-duel { margin: 6px 0 18px; padding: 16px 20px; border: 2px solid var(--cs-fill); border-radius: 14px; }
.fz-duel__row { display: flex; align-items: center; justify-content: center; gap: 22px; text-align: center; }
.fz-duel__side small { display: block; opacity: .7; }
.fz-duel__side b { font-size: 34px; }
.fz-duel__vs { font-size: 20px; font-weight: 900; opacity: .6; }
.fz-duel p { margin: 10px 0 0; text-align: center; font-size: 18px; }
.fz-duel.is-win { border-color: #2f855a; }
.fz-duel.is-lose { border-color: #c05621; }

/* === Handy-Optimierung (global für Fahrzeuge) === */
html { -webkit-text-size-adjust: 100%; }
@media (max-width: 640px) {
  .fz-switch__bar { display: flex; width: 100%; max-width: 100%; }
  .fz-switch__btn { min-width: 0; flex: 1 1 0; padding: 10px 12px; }
  .fz-switch__btn b { font-size: 15px; }
  .fz-switch--mini .fz-switch__btn { flex-wrap: wrap; gap: 2px 8px; }
  .fz-stand__row { flex-wrap: wrap; }
  .fz-stand__row label { flex: 1 1 130px; min-width: 0; }
  .fz-stand__row input { width: 100%; max-width: 100%; box-sizing: border-box; min-height: 48px; font-size: 18px; }
  main img, main svg, main canvas { max-width: 100%; height: auto; }
  main table { max-width: 100%; }
  .cs-table-wrap, .fz-tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  main a, main button, main select { min-height: 32px; }
  main select, main input[type=search], main input[type=text], main input[type=number] { font-size: 16px; min-height: 44px; }
  .cs-table td a { display: inline-block; padding: 6px 2px; }
  h1 { overflow-wrap: anywhere; }
}
.fz-stand__go { margin-top: 12px; padding: 12px 28px; min-height: 48px; border: 0; border-radius: 12px; background: var(--cs-fill); color: #fff; font-size: 18px; font-weight: 800; font-family: inherit; cursor: pointer; }
@media (max-width: 640px) { .fz-stand__go { width: 100%; height: 56px; } }
.fz-ranklink { display: grid; grid-template-columns: 44px 1fr; gap: 0 12px; align-items: center; margin: 14px 0 4px; padding: 14px 16px; border: 2px solid var(--cs-fill); border-radius: 14px; text-decoration: none; color: inherit; }
.fz-ranklink span { grid-row: 1 / 3; font-size: 32px; text-align: center; } .fz-ranklink b { font-size: 1.05rem; } .fz-ranklink em { font-style: normal; font-weight: 700; color: var(--cs-fill); }

/* === Hero aufgeräumt: worum es geht (Alle zugelassenen Pkw, Quelle KBA) === */
.cs-hero--fz .cs-hero__kicker { font-size: .95rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.fz-facts { list-style: none; margin: 10px 0 8px; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.fz-facts li { display: flex; flex-direction: column; padding: 8px 14px; border: 1px solid var(--cs-line, var(--panel-border)); border-radius: 12px; min-width: 0; }
.fz-facts b { font-size: 1.25rem; line-height: 1.15; }
.fz-facts span { font-size: .8rem; opacity: .8; }
.cs-hero__legal { font-size: 12.5px; line-height: 1.55; margin: 6px 0 0; opacity: .85; }
.cs-area-bar__brand-text strong { white-space: normal; }
@media (max-width: 640px) {
  .fz-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .fz-facts li:first-child { grid-column: 1 / -1; }
  .fz-facts b { font-size: 1.1rem; }
  .cs-area-bar__brand-text span { font-size: 12px; }
  .cs-hero--fz h1 { font-size: 1.6rem; line-height: 1.15; }
}
/* Los-Button + Eingabe auf dem Desktop */
.fz-stand__in .fz-stand__go { margin: 0 0 12px 4px; padding: 0 28px; height: 46px; border: 0; border-radius: 10px; background: var(--cs-fill); color: #fff; font-size: 18px; font-weight: 800; cursor: pointer; align-self: flex-end; }
.fz-stand__in .fz-stand__lk { order: 9; }
@media (max-width: 640px) { .fz-stand__in .fz-stand__go { width: 100%; margin: 4px 0; height: 56px; } }
.cs-hero--fz > .fz-facts, .cs-hero--fz > .cs-hero__legal { grid-column: 1; }
.fz-stand__in .fz-stand__row:not(.fz-stand__row--keys) { order: -2; }
.fz-stand__in .fz-stand__go { order: -1; margin-bottom: 0; }
@media (max-width: 640px) { .fz-stand__in .fz-stand__go { margin: 4px 0 8px; } }
.fz-stand__in .fz-stand__or { flex: 1 1 100%; margin: 2px 0 -4px; padding: 0; }
/* Schnellzugriff rechts im Breadcrumb */
.fz-quick { display: flex; gap: 6px; margin-left: auto; margin-right: 10px; align-self: center; }
.fz-quick a { font-size: 12px; line-height: 1; padding: 6px 10px; border: 1px solid var(--cs-line, var(--panel-border, rgba(128,128,128,.4))); border-radius: 999px; text-decoration: none; color: inherit; white-space: nowrap; opacity: .9; }
.fz-quick a:hover { background: var(--cs-fill); color: #fff; opacity: 1; }
@media (max-width: 900px) { .fz-quick { display: none; } }