/* Fachseiten BI & Reporting und Öffentlicher Sektor (DE/EN, live seit dem Kundenwelten-Livegang). Sie nutzen die site.css-Bausteine;
   hier stehen nur Menüergänzungen und wenige Feinheiten mit Präfix kwf-. */

/* Für-wen-Menü mit vier Einstiegen: seit dem Livegang in site.css */

/* Hero-Konsole: kompakter als die Konsolen im Text, mit Platz für fünf Zeilen */
.kwf-shot{width:min(40vw,620px)}
.kwf-shot pre{min-height:0;font-size:.84rem}
.kwf-hero .bg img{object-position:60% 45%}

/* Leistungen als redaktionelle Liste: Haarlinie, große schlanke Nummer, keine Kästen und keine Kürzel-Icons.
   Beim Überfahren läuft eine orange Linie über die Haarlinie ein. */
.kwf-liste{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,80px)}
.kwf-liste li{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:22px;padding:30px 0 34px;border-top:1px solid var(--line)}
.kwf-liste li::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.kwf-liste li:hover::before{transform:scaleX(1)}
.kwf-nr{grid-row:span 2;font-family:var(--display);font-weight:500;font-size:clamp(2.4rem,3.4vw,3.2rem);line-height:.9;color:var(--blue-300);letter-spacing:-.03em;min-width:1.6em;font-variant-numeric:tabular-nums}
.kwf-liste h3{font-size:clamp(1.2rem,1.6vw,1.45rem);margin:2px 0 10px}
.kwf-liste p{margin:0;color:var(--ink-2);font-size:.98rem;line-height:1.65;max-width:46ch}
.sec-soft .kwf-liste li{border-top-color:#cfdde7}
@media (max-width:760px){.kwf-liste{grid-template-columns:1fr}.kwf-liste li{padding:24px 0 26px;column-gap:16px}}
@media (prefers-reduced-motion:reduce){.kwf-liste li::before{transition:none}}

/* Merksatz unter einer Prüfliste und Fußnote unter einer Konsole */
.kwf-merke{margin:10px 0 0;padding:16px 20px;border-left:3px solid var(--orange);background:var(--paper);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink-2)}
.sec-soft .kwf-merke{background:#fff}
.kwf-checks-titel{font-size:1.3rem;margin-bottom:18px}
.kwf-fussnote{margin-top:18px;font-size:.84rem;color:#9fb7c7}
.kwf-fussnote a{color:#cfe3f1;text-decoration:underline;text-underline-offset:3px}

/* Prüfliste auf dunklem Grund */
.kwf-checks-dark{margin-top:26px}
.kwf-checks-dark li{color:#b9cddb}
.kwf-checks-dark b{color:#fff}
.kwf-checks-dark li::before{background:rgba(240,125,26,.18)}

/* Belegte Ergebnisse: große Zahl, kurzer Satz, Quelle in Mono; Haarlinien statt Kästen */
.kwf-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 clamp(28px,4vw,56px);margin-top:8px}
.kwf-zahl{padding:26px 0 24px;border-top:1px solid var(--line)}
.kwf-zahl b{display:block;font-family:var(--display);font-weight:600;font-size:clamp(2.6rem,4.4vw,3.8rem);line-height:1;letter-spacing:-.03em;color:var(--blue)}
.kwf-zahl p{margin:12px 0 10px;color:var(--ink-2);line-height:1.5;max-width:30ch}
.kwf-zahl small{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kwf-zahlen-fuss{margin:18px 0 0;font-size:.86rem;color:var(--muted);max-width:62ch}
.split .kwf-zahlen{grid-template-columns:1fr}
.sec-dark .kwf-zahl{border-top-color:rgba(255,255,255,.16)}
.sec-dark .kwf-zahl b{color:#ffb680}
.sec-dark .kwf-zahl p{color:#cfe0ec}
.sec-dark .kwf-zahl small,.sec-dark .kwf-zahlen-fuss{color:#8fb0c6}

/* Kameralistik und Doppik nebeneinander */
.kwf-sichten{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:26px}
.kwf-sicht{padding-top:18px;border-top:2px solid var(--blue)}
.kwf-sicht + .kwf-sicht{border-top-color:var(--orange)}
.kwf-sicht span{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.kwf-sicht h3{font-size:1.35rem;margin:6px 0 12px}
.kwf-sicht ul{list-style:none;margin:0;padding:0}
.kwf-sicht li{padding:7px 0;border-bottom:1px solid var(--line);font-size:.95rem;color:var(--ink-2)}
.kwf-sichten-fuss{margin-top:18px;color:var(--ink-2)}
@media (max-width:520px){.kwf-sichten{grid-template-columns:1fr;gap:22px}}

/* Beispielbericht als Hero-Karte (Public Sector) */
.kwf-bericht{background:#fff;border-radius:var(--radius);overflow:hidden;color:var(--ink)}
.kwf-bericht .shot-bar{background:#f2f6f9;color:var(--muted)}
.kwf-bericht-body{padding:16px 22px 20px}
.kwf-bericht-meta{margin:0 0 10px;font-family:var(--mono);font-size:.72rem;color:var(--muted)}
.kwf-bericht table{width:100%;border-collapse:collapse;font-size:.84rem;font-variant-numeric:tabular-nums}
.kwf-bericht th{text-align:left;font-weight:600;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line)}
.kwf-bericht td{padding:8px;border-bottom:1px solid #eef3f6;vertical-align:top}
.kwf-bericht td:nth-child(1){font-family:var(--mono);color:var(--blue);white-space:nowrap}
.kwf-bericht th:nth-child(n+3),.kwf-bericht td:nth-child(n+3){text-align:right;white-space:nowrap}
.kwf-bericht td i{display:block;height:4px;margin-top:6px;border-radius:2px;background:linear-gradient(90deg,var(--blue) calc(var(--a)*100%),#e3eef6 0)}
.kwf-bericht tfoot td{font-weight:700;border-bottom:0;border-top:2px solid var(--ink)}

/* „SQL Server ist keine Voraussetzung“: ruhiges Band direkt unter dem Hero */
.kwf-plattform .head{max-width:52em}
.kwf-plattform h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}

@media (max-width:380px){.kw-prototyp .site-header .bar{gap:6px;padding:0 8px}.kw-prototyp .brand{flex:0 0 44px}.kw-prototyp .brand img{width:44px;height:22px}.kw-prototyp .nav-actions{gap:6px}.kw-prototyp .nav-actions .nav-sos{font-size:.72rem;gap:4px}}

/* Nachprüfung 14.10.: KI-Hinweis nicht unter der Hero-Karte, Tabelle etwas größer, kurze Konsole ohne Leerraum */
.kwf-hero .bg .ai-tag{left:18px;right:auto;bottom:14px}
.kwf-bericht table{font-size:.9rem}
.kwf-bericht th,.kwf-bericht-meta{font-size:.78rem}
#duckdb .console pre{min-height:0}