/* ===========================================================================
   G-IQI Website — Design 1:1 angelehnt an ppprl2 (fw_clinical/viz).
   Dual-/Tri-Mode-Token-System: dieselbe Auszeichnung malt in dark/teal/blau,
   die konkreten Farben kommen aus den --f-*-Tokens je .frame.<modus>.
   =========================================================================== */

/* ── Farb-Tokens (aus fw_clinical/viz/html.py übernommen) ─────────────────── */
.frame.dark{
  --f-bg:#10131a;--f-panel:#181c24;--f-panel2:#1e2329;--f-border:#272d38;--f-track:#222730;
  --f-text:#d6dbe3;--f-dim:#7e8794;--f-faint:#5b6470;--f-accent:#5fa3a3;--f-accent2:#6fd0c2;--f-comp:#e8945a;--f-cat:#6c9bcb;--f-grid:#2b313b;
  --f-good:#6fae8e;--f-bad:#c47b72;--f-warn:#c79a5b;--f-ctx:#39424d;--f-shadow:rgba(0,0,0,.45);
  --f-c1:var(--f-accent);--f-c2:var(--f-warn);--f-c3:#9385bf;--f-c4:var(--f-bad);--f-c5:#5b8fb0;--f-c6:var(--f-good);
}
.frame.teal{
  --f-bg:#f3f4f6;--f-panel:#ffffff;--f-panel2:#eef0f2;--f-border:#d8dde2;--f-track:#e6e9ed;
  --f-text:#13201d;--f-dim:#51635e;--f-faint:#869691;--f-accent:#0c7a6f;--f-accent2:#16a597;--f-comp:#e2762f;--f-cat:#2f6f9e;--f-grid:#d9e5e2;
  --f-good:#0e8378;--f-bad:#d0512a;--f-warn:#e2762f;--f-ctx:#c2cecb;--f-shadow:rgba(8,38,34,.14);
  --f-c1:#0c7a6f;--f-c2:#2f6f9e;--f-c3:#5a4b9e;--f-c4:#16a597;--f-c5:#9c5a86;--f-c6:#14534c;
}
.frame.blau{
  --f-bg:#f3f4f6;--f-panel:#ffffff;--f-panel2:#eef0f2;--f-border:#d8dde2;--f-track:#e6e9ed;
  --f-text:#122036;--f-dim:#51637a;--f-faint:#8593a6;--f-accent:#15589c;--f-accent2:#2f86c7;--f-comp:#e0a019;--f-cat:#2c8fa8;--f-grid:#d7e1ec;
  --f-good:#2f7fb8;--f-bad:#c23a30;--f-warn:#e0a019;--f-ctx:#c3d0de;--f-shadow:rgba(12,35,70,.14);
  --f-c1:#15589c;--f-c2:#5b9bd6;--f-c3:#2c8fa8;--f-c4:#6a5cc0;--f-c5:#a85a93;--f-c6:#143f6b;
}

/* ── Reset / Basis ───────────────────────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:'Segoe UI',system-ui,sans-serif;font-size:13px;line-height:1.45;
  color:var(--f-text);background:var(--f-bg)}
body.dark{background:#10131a} body.teal{background:#ebedef} body.blau{background:#ebedef}
a{color:inherit;text-decoration:none}
.frame{min-height:100vh;display:flex;flex-direction:column;background:var(--f-bg);color:var(--f-text)}

/* ── Kopfleiste (teal Header analog ppprl2) ──────────────────────────────── */
.kopf{flex:0 0 auto;position:sticky;top:0;z-index:40;
  background:color-mix(in srgb,var(--f-panel) 68%,transparent);
  backdrop-filter:blur(13px) saturate(1.35);-webkit-backdrop-filter:blur(13px) saturate(1.35);
  border-bottom:1px solid color-mix(in srgb,var(--f-border) 55%,transparent)}
.kopf-top{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:13px;padding:11px 26px}
.kt-brand{display:flex;align-items:baseline;gap:9px;white-space:nowrap}
.kt-brand .logo{font-size:15.5px;font-weight:800;color:var(--f-text);letter-spacing:.01em}
.kt-brand .logo b{color:var(--f-accent)}
.kt-brand small{font-size:11px;color:var(--f-dim)}
.kt-spacer{flex:1}
.kt-lbl{font-size:11px;color:var(--f-dim);font-weight:700;white-space:nowrap}
.kt-ctl{display:flex;align-items:center;gap:7px}

/* Suchfeld im Kopf */
.ksearch{position:relative;display:flex;align-items:center}
.ksearch input{width:230px;background:var(--f-panel2);color:var(--f-text);
  border:1px solid var(--f-border);border-radius:9px;padding:8px 12px 8px 32px;
  font:inherit;font-size:12.5px;outline:none;transition:border-color .12s,width .15s}
.ksearch input:focus{border-color:var(--f-accent);width:280px}
.ksearch input::placeholder{color:var(--f-faint)}
.ksearch .sic{position:absolute;left:10px;color:var(--f-dim);pointer-events:none;display:flex}
.ksugg{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:60;display:none;
  background:var(--f-panel);border:1px solid var(--f-border);border-radius:11px;
  box-shadow:0 12px 32px var(--f-shadow);padding:6px;max-height:420px;overflow:auto;min-width:340px}
.ksugg.open{display:block}
.ksugg .grp{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:var(--f-faint);padding:8px 10px 4px}
.ksugg .so{display:block;padding:7px 10px;border-radius:7px;cursor:pointer;font-size:12.5px}
.ksugg .so:hover{background:var(--f-panel2)}
.ksugg .so .c{font-family:'Consolas',monospace;color:var(--f-accent);font-weight:700}
.ksugg .so .d{color:var(--f-dim);font-size:11.5px}
.ksugg .empty{padding:14px;color:var(--f-dim);font-size:12px;text-align:center}

/* Farb-Ansicht: 3 Kreise (Dunkel/Teal/Blau) */
.kcircs{display:inline-flex;align-items:center;gap:7px}
.kcirc{width:18px;height:18px;border-radius:50%;cursor:pointer;padding:0;
  background:var(--sw);border:1.5px solid color-mix(in srgb,var(--sw) 55%,#000);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
  transition:transform .12s ease,box-shadow .12s ease}
.kcirc:hover{transform:scale(1.14)}
.kcirc.on{box-shadow:0 0 0 2px var(--f-panel),0 0 0 3.5px var(--sw);transform:scale(1.05)}

/* Tab-Navigation */
.knav{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:3px;padding:0 26px 9px;overflow-x:auto}
.knav-b{background:transparent;color:var(--f-dim);border:0;border-radius:999px;
  padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;
  white-space:nowrap;transition:color .12s,background .12s}
.knav-b:hover{color:var(--f-text);background:var(--f-panel2)}
.knav-b.on{color:var(--f-accent);font-weight:700;
  background:color-mix(in srgb,var(--f-accent) 15%,transparent)}

/* ── Inhalt ──────────────────────────────────────────────────────────────── */
.content{flex:1 1 auto;width:100%;max-width:1200px;margin:0 auto;padding:22px 26px 60px}

/* Kopf einer Seite */
.top{display:flex;align-items:baseline;gap:13px;border-bottom:1px solid var(--f-border);
  padding-bottom:11px;margin-bottom:18px;flex-wrap:wrap}
.top h1{font-size:21px;font-weight:800}
.top .sub{color:var(--f-dim);font-size:12.5px}
.top .yr{margin-left:auto;display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}
.stat-pill{display:inline-block;padding:3px 11px;border-radius:999px;font-size:11.5px;
  font-weight:700;white-space:nowrap;color:var(--f-comp);background:transparent;
  border:1px solid color-mix(in srgb,var(--f-comp) 60%,transparent);
  box-shadow:inset 0 0 9px color-mix(in srgb,var(--f-comp) 28%,transparent)}
.crumbs{font-size:12px;color:var(--f-dim);margin-bottom:14px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.crumbs a{color:var(--f-accent)} .crumbs a:hover{text-decoration:underline}
.crumbs .sep{color:var(--f-faint)}

/* Sektions-Bubble */
.sec{display:flex;align-items:center;gap:10px;margin:24px 0 12px}
.sec .bub{display:inline-flex;align-items:center;gap:7px;background:var(--f-panel2);
  border:1px solid var(--f-border);border-radius:999px;padding:4px 13px;color:var(--f-dim);
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.sec .bub i{width:7px;height:7px;border-radius:50%;background:var(--f-accent);flex-shrink:0}
.sec::after{content:"";flex:1;height:1px;background:var(--f-border)}

/* Tags / Pills */
.tag{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;padding:2px 8px;
  border-radius:5px;border:1px solid}
.tag.warn{color:var(--f-warn);border-color:color-mix(in srgb,var(--f-warn) 50%,transparent);
  background:color-mix(in srgb,var(--f-warn) 12%,transparent)}
.tag.good{color:var(--f-good);border-color:color-mix(in srgb,var(--f-good) 50%,transparent);
  background:color-mix(in srgb,var(--f-good) 12%,transparent)}
.tag.bad{color:var(--f-bad);border-color:color-mix(in srgb,var(--f-bad) 50%,transparent);
  background:color-mix(in srgb,var(--f-bad) 12%,transparent)}
.tag.accent{color:var(--f-accent);border-color:color-mix(in srgb,var(--f-accent) 50%,transparent);
  background:color-mix(in srgb,var(--f-accent) 12%,transparent)}
.tag.neutral{color:var(--f-dim);border-color:var(--f-border);background:var(--f-panel2)}

/* Karten-Grid + Karte */
.cards{display:grid;gap:13px}
.cards.g2{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
.cards.g3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.cards.g4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.card{background:var(--f-panel);border:1px solid var(--f-border);border-radius:12px;
  padding:15px 16px;transition:border-color .12s,transform .12s,box-shadow .12s}
.card.link{cursor:pointer}
.card.link:hover{border-color:color-mix(in srgb,var(--f-accent) 55%,var(--f-border));
  transform:translateY(-1px);box-shadow:0 8px 22px var(--f-shadow)}
.card .ct{font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:6px}
.card .cd{color:var(--f-dim);font-size:12px;line-height:1.5}
.card .cmeta{color:var(--f-faint);font-size:11px;margin-top:9px;display:flex;gap:10px;flex-wrap:wrap}

/* KPI-Kacheln */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:6px}
.kpi{background:var(--f-panel);border:1px solid var(--f-border);border-radius:12px;padding:14px 16px}
.kpi .l{font-size:11px;color:var(--f-dim);font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  display:flex;align-items:center;gap:7px}
.kpi .l i{width:8px;height:8px;border-radius:50%;background:var(--f-accent)}
.kpi .v{font-size:26px;font-weight:800;margin-top:6px;font-variant-numeric:tabular-nums}
.kpi .s{font-size:11.5px;color:var(--f-dim);margin-top:2px}

/* Hinweisbox */
.note{font-size:12px;color:var(--f-dim);background:var(--f-panel2);border:1px solid var(--f-border);
  border-left:3px solid var(--f-accent);border-radius:9px;padding:11px 14px;line-height:1.55;margin:6px 0}
.note b{color:var(--f-text)}
.foot{font-size:11px;color:var(--f-dim);border-top:1px solid var(--f-border);padding-top:12px;margin-top:30px;line-height:1.6}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font:inherit;
  font-size:13px;font-weight:700;border-radius:9px;padding:10px 18px;border:1px solid transparent;
  text-align:center;transition:.12s}
.btn.primary{background:var(--f-accent);color:#fff;border-color:var(--f-accent)}
.btn.primary:hover{filter:brightness(1.08)}
.btn.ghost{background:var(--f-panel2);color:var(--f-dim);border-color:var(--f-border)}
.btn.ghost:hover{color:var(--f-text);border-color:var(--f-dim)}
.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}
.btn.primary:disabled:hover{filter:none}

/* ── Eingabe / Auswertung ────────────────────────────────────────────────── */
.inp-wrap{background:var(--f-panel);border:1px solid var(--f-border);border-radius:14px;padding:16px 18px}
.inp-head{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:10px}
.inp-head h2{font-size:14px;font-weight:700;color:var(--f-accent)}
.inp-head .hint{font-size:11px;color:var(--f-dim)}
.inp-head .hint .hl-comp{color:var(--f-comp);font-weight:700}

/* Info-Icon + Notations-Legende */
.pinfo-btn{flex:0 0 auto;width:19px;height:19px;border-radius:50%;align-self:center;padding:0;
  border:1px solid color-mix(in srgb,var(--f-comp) 45%,var(--f-border));
  background:var(--f-panel2);color:var(--f-comp);
  font:700 12px/1 'Segoe UI',sans-serif;cursor:pointer}
.pinfo-btn:hover,.pinfo-btn.on{color:var(--f-comp);border-color:var(--f-comp);
  background:color-mix(in srgb,var(--f-comp) 12%,var(--f-panel2))}

/* Versions-Umschalter (V5.4 / V5.5) — direkt neben dem G-IQI-Logo */
.kt-vswitch{align-self:center;margin-left:11px;flex:0 0 auto}
.vswitch{display:inline-flex;border:1px solid var(--f-border);border-radius:999px;
  overflow:hidden;background:var(--f-panel2)}
.vsw{border:0;background:transparent;color:var(--f-dim);cursor:pointer;
  font:700 11.5px/1 'Segoe UI',sans-serif;padding:5px 11px;letter-spacing:.02em}
.vsw + .vsw{border-left:1px solid var(--f-border)}
.vsw:hover{color:var(--f-text)}
.vsw.on{background:var(--f-accent);color:#fff}
.pinfo-pop{position:absolute;top:100%;left:0;z-index:30;width:min(600px,95vw);margin-top:6px;
  background:var(--f-panel);border:1px solid var(--f-border);border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.42);padding:12px 14px}
.pinfo-h{font-size:12px;font-weight:700;color:var(--f-accent);margin-bottom:8px}
.pinfo-tbl{width:100%;border-collapse:collapse}
.pinfo-tbl th{text-align:left;font-size:11px;font-weight:700;color:var(--f-text);
  padding:3px 12px 3px 0;white-space:nowrap;vertical-align:top}
.pinfo-tbl td{padding:3px 0}
.pinfo-tbl code{font:12px 'Consolas',monospace;color:var(--f-faint);white-space:nowrap}
.pinfo-f{margin-top:9px;font-size:10.5px;color:var(--f-dim);line-height:1.55}

/* Live-Parameter-Leiste (beschreibbar) */
.parambar{display:flex;flex-wrap:wrap;gap:6px 8px;padding:11px 12px;margin:4px 0 12px;
  background:var(--f-panel2);border:1px solid var(--f-border);border-radius:10px}
.pgroup{display:flex;gap:6px;align-items:stretch}
.pgroup + .pgroup{border-left:1px solid var(--f-border);padding-left:8px}
.pcell{display:flex;flex-direction:column;gap:2px;min-width:64px}
.pcell .pl{font-size:9.5px;color:var(--f-faint);font-weight:700;letter-spacing:.04em}
.pcell .pv{font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;color:var(--f-faint);
  background:var(--f-panel);border:1px solid var(--f-border);border-radius:6px;padding:3px 8px;
  min-height:23px;min-width:34px;white-space:nowrap;cursor:text}
.pcell .pv:focus{outline:none;color:var(--f-text);border-color:var(--f-accent);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--f-accent) 25%,transparent)}
.pcell .pv:empty::before{content:'—';color:var(--f-faint);font-weight:400}
.pcell .pv:empty:focus::before{content:''}
.pcell.filled .pv{color:var(--f-accent);border-color:color-mix(in srgb,var(--f-accent) 45%,var(--f-border))}

.inp-row{display:flex;gap:12px;align-items:stretch}
.inp-row textarea{flex:1;min-height:88px;resize:vertical;background:var(--f-bg);color:var(--f-text);
  border:1px solid var(--f-border);border-radius:10px;padding:11px 13px;font:13px 'Consolas',monospace;
  line-height:1.5;outline:none}
.inp-row textarea:focus{border-color:var(--f-accent)}
.inp-row textarea::placeholder{color:var(--f-faint);opacity:.6}
.inp-btns{display:flex;flex-direction:column;gap:8px;justify-content:flex-start}

.examples{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px;align-items:center}
/* „Beispiele" als Komplementär-Pille (passt zur Matrix-Reiterfarbe) */
.ex-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;color:#fff;background:var(--f-comp);border-radius:999px;padding:6px 14px;
  white-space:nowrap}
/* Beispiel-Auswahl als Dropdown */
.ex-select{font:inherit;font-size:13px;color:var(--f-text);background:var(--f-panel2);
  border:1px solid var(--f-border);border-radius:9px;padding:8px 13px;cursor:pointer;min-width:240px;
  outline:none;transition:border-color .12s}
.ex-select:hover{border-color:color-mix(in srgb,var(--f-comp) 50%,var(--f-border))}
.ex-select:focus{border-color:var(--f-comp);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--f-comp) 22%,transparent)}

.unbekannt{margin-top:9px;font-size:11.5px;color:var(--f-warn)}

/* Treffer-Bereich */
.result-head{display:flex;align-items:center;gap:12px;margin:24px 0 4px;flex-wrap:wrap}
.result-head h2{font-size:15px;font-weight:800}
.result-head .meta{font-size:12px;color:var(--f-dim)}
.placeholder{text-align:center;color:var(--f-dim);font-size:13px;padding:48px 20px;
  background:var(--f-panel);border:1px dashed var(--f-border);border-radius:14px}
.spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--f-panel2);
  border-top-color:var(--f-accent);animation:spin .8s linear infinite;margin:0 auto 12px}
@keyframes spin{to{transform:rotate(360deg)}}

/* Treffer-Kacheln (M2 = Zähler/rot · M1 = Nenner) */
.hitgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:11px}
.hit{position:relative;display:block;background:var(--f-panel);border:1px solid var(--f-border);
  border-radius:11px;padding:12px 14px 12px 16px;cursor:pointer;overflow:hidden;transition:.12s}
.hit::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--f-dim)}
.hit:hover{transform:translateY(-1px);box-shadow:0 8px 20px var(--f-shadow);
  border-color:color-mix(in srgb,var(--f-accent) 45%,var(--f-border))}
.hit.m2::before{background:var(--f-bad)}
.hit.m1::before{background:var(--f-dim)}
.hit .hr{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hit .rn{font-family:'Consolas',monospace;font-size:12px;font-weight:700;color:var(--f-text)}
.hit .stamp{font-size:10px;font-weight:800;padding:2px 8px;border-radius:5px;white-space:nowrap}
.hit.m2 .stamp{background:color-mix(in srgb,var(--f-bad) 22%,transparent);color:var(--f-bad)}
.hit.m1 .stamp{background:var(--f-panel2);color:var(--f-dim)}
.hit .hd{font-size:12px;color:var(--f-dim);line-height:1.5;margin-top:7px}
.hit .hk{font-size:10.5px;color:var(--f-faint);margin-top:8px}

.section-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;
  letter-spacing:.05em;padding:5px 13px;border-radius:999px;margin:18px 0 10px}
.section-pill.m2{background:color-mix(in srgb,var(--f-bad) 18%,transparent);color:var(--f-bad)}
.section-pill.m1{background:var(--f-panel2);color:var(--f-dim)}

/* ── Begründung / Trace ──────────────────────────────────────────────────── */
.verdict{display:flex;align-items:flex-start;gap:14px;border-radius:12px;padding:14px 16px;
  border:1px solid var(--f-border);margin:6px 0 16px}
.verdict .vb{flex-shrink:0;font-size:11px;font-weight:800;padding:6px 12px;border-radius:7px;
  color:#11161d;white-space:nowrap}
.verdict .vt{flex:1}
.verdict .big{font-size:14px;font-weight:700}
.verdict .small{color:var(--f-dim);font-size:11.5px;margin-top:3px}
.verdict.bad{background:color-mix(in srgb,var(--f-bad) 12%,var(--f-bg));
  border-color:color-mix(in srgb,var(--f-bad) 50%,var(--f-border))}
.verdict.bad .vb{background:var(--f-bad)}
.verdict.good{background:color-mix(in srgb,var(--f-good) 12%,var(--f-bg));
  border-color:color-mix(in srgb,var(--f-good) 50%,var(--f-border))}
.verdict.good .vb{background:var(--f-good)}
.verdict.neutral{background:var(--f-panel2)}
.verdict.neutral .vb{background:var(--f-dim)}
.verdict.warn{background:color-mix(in srgb,var(--f-warn) 12%,var(--f-bg));
  border-color:color-mix(in srgb,var(--f-warn) 50%,var(--f-border))}
.verdict.warn .vb{background:var(--f-warn)}

/* Pseudocode-Block */
.pseudo{background:var(--f-bg);border:1px solid var(--f-border);border-radius:11px;
  padding:14px 16px;font:12.5px/1.7 'Consolas',monospace;white-space:pre-wrap;color:var(--f-text);
  overflow-x:auto}
.pseudo .kw{color:var(--f-accent);font-weight:700}
.pseudo .ar{color:var(--f-comp);font-weight:700}

.prosa{font-size:13px;line-height:1.7;color:var(--f-text)}
.prosa b{color:var(--f-accent)}
.prosa i{color:var(--f-dim);font-style:normal}

/* Auswertungs-Trace als Schritt-Timeline */
.tl{position:relative;margin:0;padding:0 0 0 30px}
.tl::before{content:"";position:absolute;left:10px;top:8px;bottom:20px;width:2px;background:var(--f-border)}
.tl-step{position:relative;margin:0 0 18px}
.tl-step:last-child{margin-bottom:0}
.tl-dot{position:absolute;left:-30px;top:-1px;width:21px;height:21px;border-radius:50%;background:var(--f-panel);
  border:2px solid var(--f-border);display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;color:var(--f-dim)}
.tl-dot.y{border-color:var(--f-good);color:var(--f-good)}
.tl-dot.n{border-color:var(--f-bad);color:var(--f-bad)}
.tl-dot.go{border-color:var(--f-bad);background:var(--f-bad);color:#fff}
.tl-dot.go.m1{border-color:var(--f-dim);background:var(--f-dim)}
.tl-dot.go.ok{border-color:var(--f-good);background:var(--f-good)}
.tl-sh{font-weight:700;font-size:12.5px;margin-bottom:2px;color:var(--f-text)}
.tl-ss{color:var(--f-dim);font-size:11.5px;margin-bottom:8px}
.tl-ss .cn{font-weight:800;color:var(--f-accent)} .tl-ss .cn.or{color:var(--f-cat)}
.tl-subs{display:flex;flex-direction:column;gap:5px}
.tl-sub{display:flex;align-items:center;gap:9px;font-size:12px;background:var(--f-bg);
  border:1px solid var(--f-border);border-radius:8px;padding:6px 11px}
.tl-sub .m{flex-shrink:0;font-weight:800;width:15px;text-align:center}
.tl-sub .m.y{color:var(--f-good)} .tl-sub .m.n{color:var(--f-bad)}
.tl-sub .st2{flex:1;min-width:0;color:var(--f-text)}
.tl-sub .sv{flex-shrink:0;color:var(--f-dim);font-size:11px}
.tl-sub .sv.mono{font-family:'Consolas','SF Mono',monospace;color:var(--f-accent);font-weight:700}
.tl-sub.skip{opacity:.6}
.tl-sub.skip .note{margin-left:auto;font-size:10.5px;color:var(--f-cat);font-weight:700;white-space:nowrap}
.tl-grp{border:1px dashed var(--f-border);border-radius:9px;padding:7px 9px;display:flex;flex-direction:column;gap:5px}
.tl-glbl{font-size:10.5px;color:var(--f-dim);font-weight:600}
.tl-conn{font-size:9.5px;font-weight:800;letter-spacing:.04em;border-radius:5px;padding:1px 6px;margin-right:7px;
  background:color-mix(in srgb,var(--f-accent) 16%,transparent);color:var(--f-accent)}
.tl-conn.or{background:color-mix(in srgb,var(--f-cat) 18%,transparent);color:var(--f-cat)}
.tl-conn.neg{background:color-mix(in srgb,var(--f-bad) 16%,transparent);color:var(--f-bad)}
.tl-badge{font-weight:800;color:#fff;background:var(--f-bad);border-radius:7px;padding:3px 11px;font-size:12.5px}
.tl-badge.m1{background:var(--f-dim)} .tl-badge.ok{background:var(--f-good)} .tl-badge.acc{background:var(--f-accent)}
.tl-step.fin .tl-sh{font-size:13.5px;display:flex;align-items:center;gap:9px}
.tl-alt{font-size:11.5px}
.tl-alt>summary{cursor:pointer;list-style:none;color:var(--f-dim);display:flex;align-items:center;gap:7px;
  padding:5px 10px;border:1px dashed var(--f-border);border-radius:8px;background:var(--f-panel2);user-select:none}
.tl-alt>summary::-webkit-details-marker{display:none}
.tl-alt>summary::after{content:"▸";margin-left:auto;color:var(--f-faint);font-size:10px}
.tl-alt[open]>summary::after{content:"▾"}
.tl-alt>summary:hover{border-color:var(--f-dim)}
.tl-alt .m.n{width:auto}
.tl-grp.alt{margin-top:5px;opacity:.65}

/* Werte-Tabelle des Falls */
.falltab{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.fv{background:var(--f-panel2);border:1px solid var(--f-border);border-radius:8px;padding:7px 10px}
.fv .k{font-size:9.5px;color:var(--f-faint);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.fv .v{font-size:12.5px;color:var(--f-text);font-weight:600;margin-top:2px;word-break:break-word}
.fv.empty .v{color:var(--f-faint);font-weight:400}

/* ── Code-/Regel-Tabellen ────────────────────────────────────────────────── */
.dtable{width:100%;border-collapse:collapse;font-size:12.5px}
.dtable th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--f-dim);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--f-border)}
.dtable td{padding:8px 10px;border-bottom:1px solid var(--f-border);vertical-align:top}
.dtable tr:hover td{background:var(--f-panel2)}
.dtable .code{font-family:'Consolas',monospace;color:var(--f-accent);font-weight:700;white-space:nowrap}
.dtable .rn a{font-family:'Consolas',monospace;color:var(--f-accent);font-weight:700}
.dtable .rn a:hover{text-decoration:underline}
.tablewrap{background:var(--f-panel);border:1px solid var(--f-border);border-radius:12px;
  padding:6px 14px;overflow:auto;max-height:70vh}

.list{display:flex;flex-direction:column;gap:9px}
.lrow{display:flex;align-items:center;gap:12px;background:var(--f-panel);border:1px solid var(--f-border);
  border-radius:10px;padding:11px 14px;transition:.12s}
.lrow:hover{border-color:color-mix(in srgb,var(--f-accent) 45%,var(--f-border))}
.lrow .num{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:var(--f-panel2);
  color:var(--f-accent);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:13px}
.lrow .lt{flex:1;min-width:0}
.lrow .lt .tt{font-weight:700;font-size:13.5px}
.lrow .lt .ts{color:var(--f-dim);font-size:11.5px;margin-top:1px}
.lrow .cnt{flex-shrink:0;font-size:11px;color:var(--f-dim);font-weight:700;
  background:var(--f-panel2);border-radius:999px;padding:4px 11px}

/* Meldungs-Liste in der Regelansicht */
.msgs{display:flex;flex-direction:column;gap:8px}
.msg{display:flex;gap:11px;align-items:center;background:var(--f-panel);border:1px solid var(--f-border);
  border-radius:9px;padding:9px 13px}
.msg .mc{font-size:11px;font-weight:800;padding:3px 9px;border-radius:6px;white-space:nowrap}
.msg.m2 .mc{background:color-mix(in srgb,var(--f-bad) 20%,transparent);color:var(--f-bad)}
.msg.m1 .mc{background:var(--f-panel2);color:var(--f-dim)}
.msg.other .mc{background:color-mix(in srgb,var(--f-accent) 18%,transparent);color:var(--f-accent)}
.msg .mt{flex:1;font-size:12.5px}
.msg .ml{font-size:10.5px;color:var(--f-faint)}

.spec-raw{background:var(--f-bg);border:1px solid var(--f-border);border-radius:10px;
  padding:12px 14px;font:11.5px/1.6 'Consolas',monospace;white-space:pre-wrap;color:var(--f-dim);overflow-x:auto}

/* Ausklappbare Regel-Box (Original + Klartext) in der Begründung */
.ruledet{margin:16px 0;border:1px solid var(--f-border);border-radius:11px;background:var(--f-panel)}
.ruledet>summary{cursor:pointer;padding:11px 15px;font-size:13px;font-weight:700;color:var(--f-accent);
  list-style:none;user-select:none}
.ruledet>summary::-webkit-details-marker{display:none}
.ruledet>summary::before{content:"▸";color:var(--f-dim);margin-right:7px;display:inline-block}
.ruledet[open]>summary::before{content:"▾"}
.ruledet-body{padding:2px 15px 15px}
.ruledet-body .prosa,.ruledet-body .pseudo,.ruledet-body .spec-raw,.ruledet-body .msgs{margin-bottom:4px}
.rd-h{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--f-dim);
  margin:15px 0 6px}
.trace-hint{font-size:11.5px;color:var(--f-dim);margin:-4px 0 10px}

/* ── Ergebnis-Reiter (Kacheln / Matrix / Sankey) ─────────────────────────── */
/* Eigene Reihe, getrennte farbige Knöpfe (komplementäre Marken-Palette);
   gleicher Abstand oben wie unten. */
.viewtabs{display:flex;gap:10px;margin:14px 0}
.viewtabs[hidden]{display:none}
.vtab{--vc:var(--f-accent);background:color-mix(in srgb,var(--vc) 9%,transparent);
  color:var(--vc);border:1.5px solid color-mix(in srgb,var(--vc) 38%,transparent);
  border-radius:10px;padding:8px 20px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;
  transition:.12s}
.vtab:hover{background:color-mix(in srgb,var(--vc) 18%,transparent)}
.vtab.on{color:#fff;background:var(--vc);border-color:var(--vc);
  box-shadow:0 4px 14px color-mix(in srgb,var(--vc) 35%,transparent)}
/* Drei komplementäre Marken-Töne: Kacheln=Akzent · Matrix=Komplement · Sankey=2. Akzent */
.vt-kachel{--vc:var(--f-accent)}
.vt-matrix{--vc:var(--f-comp)}
.vt-sankey{--vc:var(--f-cat)}
.vpane[hidden]{display:none}


/* ── Matrix (Indikatoren × Falldaten) ────────────────────────────────────── */
.mxwrap{overflow:auto;max-height:72vh;background:var(--f-panel);border:1px solid var(--f-border);
  border-radius:12px}
table.mx{border-collapse:separate;border-spacing:0;font-size:12px;width:max-content;min-width:100%}
table.mx th,table.mx td{border-bottom:1px solid var(--f-border);border-right:1px solid var(--f-border)}
.mxcorner{position:sticky;left:0;top:0;z-index:3;background:var(--f-panel2);text-align:left;
  padding:8px 12px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--f-dim);
  font-weight:800;min-width:150px}
.mxhead{position:sticky;top:0;z-index:2;background:var(--f-panel2);padding:7px 8px;text-align:center;
  vertical-align:bottom;min-width:74px}
.mxhead .mxl{display:block;font-size:10px;color:var(--f-dim);font-weight:700}
.mxhead .mxv{display:block;font-size:11px;color:var(--f-text);font-family:'Consolas',monospace;
  font-weight:700;margin-top:2px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mxreg{position:sticky;left:0;z-index:1;background:var(--f-panel);padding:7px 12px;white-space:nowrap}
.mxreg a{display:flex;align-items:center;gap:8px}
.mxreg .mxrn{font-family:'Consolas',monospace;font-weight:700;color:var(--f-accent);font-size:11.5px}
.mxreg a:hover .mxrn{text-decoration:underline}
.mxbadge{font-size:9px;font-weight:800;padding:1px 6px;border-radius:4px}
.mxbadge.m2{background:color-mix(in srgb,var(--f-bad) 20%,transparent);color:var(--f-bad)}
.mxbadge.m1{background:var(--f-panel2);color:var(--f-dim)}
.mxbadge.other{background:color-mix(in srgb,var(--f-accent) 18%,transparent);color:var(--f-accent)}
tbody tr:nth-child(even) .mxreg{background:var(--f-panel2)}
tbody tr:nth-child(even) td.mxcell{background:color-mix(in srgb,var(--f-panel2) 50%,transparent)}
.mxcell{text-align:center;padding:0;height:34px;vertical-align:middle}
.mxcell.on{background:color-mix(in srgb,var(--f-comp) 14%,transparent)!important}
.mxg{display:inline-flex;align-items:center;justify-content:center}
.mxg-chk{color:var(--f-comp);font-weight:800;font-size:13px}
.mxg.mxg-tab{display:inline-grid;grid-template-columns:repeat(2,5px);grid-auto-rows:5px;gap:2px;width:auto;height:auto}
.mxg-tab i{width:5px;height:5px;border-radius:1px;background:var(--f-comp)}
.mxlegend{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px;font-size:11.5px;color:var(--f-dim)}
.mxlegend span{display:inline-flex;align-items:center;gap:7px}
.mxlegend .mxg-tab i{background:var(--f-comp)}

/* ── Sankey (Falldaten → Indikatoren) ────────────────────────────────────── */
#pane-sankey{overflow-x:auto;background:var(--f-panel);border:1px solid var(--f-border);
  border-radius:12px;padding:8px 10px}
svg.sankey{display:block;width:100%;min-width:760px;height:auto}
/* Linien standardmäßig sehr blass; beim Überfahren eines Knotens (links oder
   rechts) werden nur die verbundenen Linien kräftig — der Pfad wird sichtbar. */
svg.sankey .lk{stroke-opacity:.14;transition:stroke-opacity .14s}
svg.sankey.hot .lk{stroke-opacity:.07}
svg.sankey .lk.on{stroke-opacity:.55}
svg.sankey .lnode,svg.sankey .rnode{cursor:pointer}
svg.sankey .lnode rect,svg.sankey .rnode rect{transition:stroke .14s,stroke-width .14s}
svg.sankey .lnode.on rect,svg.sankey .rnode.on rect{stroke:var(--f-accent);stroke-width:2.2}

/* ── Seiten-Footer (Über / Impressum) ────────────────────────────────────── */
.site-foot{flex:0 0 auto;border-top:1px solid var(--f-border);background:var(--f-panel);
  margin-top:auto}
.sf-wrap{max-width:1200px;margin:0 auto;padding:16px 26px;display:flex;align-items:center;gap:16px;
  flex-wrap:wrap;font-size:12px;color:var(--f-dim)}
.sf-brand{font-weight:600}
.sf-links{display:flex;gap:16px;margin:0 auto}
.sf-links a{color:var(--f-dim);font-weight:600}
.sf-links a:hover,.sf-links a.on{color:var(--f-accent)}
.sf-copy{color:var(--f-faint)}
.sf-note{max-width:1200px;margin:0 auto;padding:0 26px 16px;font-size:11px;
  color:var(--f-comp);line-height:1.5;text-align:left}

/* ── Über mich ───────────────────────────────────────────────────────────── */
.kicker{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--f-accent)}
.autor-grid{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:start;margin-bottom:8px}
.autor-card{background:var(--f-panel);border:1px solid var(--f-border);border-radius:14px;
  padding:18px;text-align:center}
.autor-photo{width:138px;height:138px;border-radius:50%;object-fit:cover;
  border:3px solid color-mix(in srgb,var(--f-accent) 45%,var(--f-border))}
.autor-meta h3{font-size:17px;font-weight:800;margin-top:12px}
.autor-role{font-size:12.5px;color:var(--f-dim);margin-top:2px}
.autor-tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.autor-tags span{font-size:10.5px;font-weight:700;color:var(--f-accent);
  background:color-mix(in srgb,var(--f-accent) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--f-accent) 35%,transparent);border-radius:999px;padding:3px 9px}
.autor-text p{font-size:13px;line-height:1.65;color:var(--f-text)}
.cv{list-style:none;display:grid;gap:12px;counter-reset:cv}
.cv li{position:relative;background:var(--f-panel);border:1px solid var(--f-border);border-radius:12px;
  padding:14px 16px 14px 56px}
.cv-dot{position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;
  background:var(--f-accent)}
.cv h4{font-size:14px;font-weight:700;margin-bottom:4px}
.cv p{font-size:12.5px;line-height:1.6;color:var(--f-dim)}
.cloud{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:center;line-height:1.4}
.cloud span{color:var(--f-dim)}
.cloud .w1{font-size:11px;opacity:.6}
.cloud .w2{font-size:12.5px;opacity:.75}
.cloud .w3{font-size:14px;color:var(--f-text)}
.cloud .w4{font-size:16px;font-weight:700;color:var(--f-text)}
.cloud .w5{font-size:19px;font-weight:800;color:var(--f-accent)}

/* ── Impressum / Rechtliches ──────────────────────────────────────────────── */
.legal{max-width:820px}
.legal h2{font-size:14.5px;font-weight:700;margin:22px 0 6px;color:var(--f-text)}
.legal p{font-size:12.5px;line-height:1.7;color:var(--f-text);margin-bottom:6px}
.legal address{font-style:normal;font-size:13px;line-height:1.6;color:var(--f-text);
  background:var(--f-panel2);border:1px solid var(--f-border);border-radius:10px;padding:12px 14px;
  display:inline-block}
.legal .lmuted{color:var(--f-dim);font-size:11.5px}
.legal .lmeta{color:var(--f-faint);font-size:11.5px;margin-top:20px;border-top:1px solid var(--f-border);
  padding-top:12px}

/* Responsiv */
@media (max-width:720px){
  .content{padding:18px 14px 50px}
  .ksearch input{width:150px} .ksearch input:focus{width:190px}
  .inp-row{flex-direction:column} .inp-btns{flex-direction:row}
  .kt-brand small{display:none}
  .autor-grid{grid-template-columns:1fr}
  .viewtabs{flex-wrap:wrap}
  .sf-links{margin:0;order:3;width:100%}
}

/* ── PDF: Druckvorschau-Overlay + papier-artiges Dokument ──────────────────── */
.pdf-btn{align-self:center;padding:5px 12px;font-size:12px;margin-left:8px}

/* Dokument-Kopf/-Fuß: per Default versteckt; sichtbar nur im „Blatt" und im Druck.
   Stil EINMAL definiert (gilt für Bildschirm-Vorschau UND Druck gleichermaßen). */
.print-head,.print-foot{display:none}
.print-head{border-bottom:2px solid #1c6e95;padding-bottom:10px;margin-bottom:16px}
.print-head .ph-title{font-size:18px;font-weight:800;color:#13354a;letter-spacing:.01em}
.print-head .ph-title b{color:#1c6e95}
.print-head .ph-sub{font-size:13.5px;font-weight:600;color:#2a3340;margin-top:4px}
.print-head .ph-meta{font-size:10.5px;color:#6b7280;margin-top:5px}
.print-foot{margin-top:24px;padding-top:10px;border-top:1px solid #dce1e8;
  font-size:9.5px;line-height:1.55;color:#6b7280}

/* Overlay (Bildschirm): dunkle „Viewer"-Hülle mit Werkzeugleiste + Blatt. */
.pdfov{position:fixed;inset:0;z-index:1000;display:none;flex-direction:column;
  background:rgba(10,14,20,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.pdfov.show{display:flex;animation:pdfov-in .14s ease}
@keyframes pdfov-in{from{opacity:0}to{opacity:1}}
/* Viewer-Leiste mit FESTEN dunklen Farben — das Overlay liegt außerhalb des
   .frame-Token-Scopes, daher dürfen hier KEINE var(--f-*) verwendet werden
   (die wären unaufgelöst → unsichtbare Knöpfe). Wie ein klassischer PDF-Viewer. */
.pdfov-bar{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:10px 18px;
  background:#1b212c;border-bottom:1px solid #2c3442;box-shadow:0 2px 14px rgba(0,0,0,.4)}
.pdfov-bar .pv-t{font-size:13.5px;font-weight:700;color:#e8ecf2;display:flex;align-items:center;gap:9px}
.pdfov-bar .pv-pill{font-size:10.5px;font-weight:800;color:#fff;background:#1c6e95;
  border-radius:999px;padding:2px 9px;letter-spacing:.02em}
.pdfov-bar .pv-sp{flex:1}
.pdfov-bar .btn{border-radius:9px}
.pdfov-bar .btn.primary{background:#1c6e95;color:#fff;border-color:#1c6e95}
.pdfov-bar .btn.primary:hover{filter:brightness(1.12)}
.pdfov-bar .btn.primary:disabled{opacity:.5}
.pdfov-bar .btn.ghost{background:transparent;color:#e8ecf2;border-color:#566173}
.pdfov-bar .btn.ghost:hover{background:rgba(255,255,255,.09);border-color:#aeb8c6;color:#fff}
.pdfov-x{flex:0 0 auto;width:34px;height:34px;margin-left:2px;border:1px solid #566173;
  border-radius:8px;background:transparent;color:#e8ecf2;font-size:21px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:.12s}
.pdfov-x:hover{background:rgba(196,75,60,.22);border-color:#c44b3c;color:#ef9c91}
.pdfov-scroll{flex:1;overflow:auto;padding:28px 18px 64px}

/* Das „Blatt" — immer hell, A4-artig; setzt Hell-Tokens, damit die --f-*-basierten
   Komponenten (Verdikt, Falltab, Trace …) sauber als Dokument rendern. */
.paper{max-width:820px;margin:0 auto;background:#fff;color:#1a1f28;border-radius:5px;
  box-shadow:0 14px 50px rgba(0,0,0,.45);padding:44px 48px 40px;
  font:13px/1.6 'Segoe UI',system-ui,sans-serif;
  --f-bg:#fff;--f-panel:#fff;--f-panel2:#f4f6f8;--f-border:#dce1e8;
  --f-text:#1a1f28;--f-dim:#4a525f;--f-faint:#6b7280;--f-accent:#1c6e95;--f-accent2:#16a597;
  --f-comp:#bf6320;--f-good:#2a7d52;--f-bad:#b23a2e;--f-warn:#8a6a1e;--f-cat:#2f6f9e;--f-shadow:none}
/* html2canvas (Client-PDF-Export) kann kein color-mix() → für die im Blatt
   vorkommenden Elemente feste, vorberechnete Farben (auf weißem Grund). */
.paper .verdict.bad{background:#f6e7e6;border-color:#c78e8b}
.paper .verdict.good{background:#e5efea;border-color:#83af9d}
.paper .verdict.warn{background:#f1ede4;border-color:#b3a683}
.paper .msg.m2 .mc{background:#f0d8d5}
.paper .msg.other .mc{background:#d6e5ec}
.paper .tl-conn{background:#dbe8ee}
.paper .tl-conn.neg{background:#f3dfde}
.paper .tl-conn.or{background:#dae5ee}
.paper .print-head,.paper .print-foot{display:block}
.paper a{color:#1c6e95;text-decoration:none}
.paper>.sec:first-of-type{margin-top:2px}
.paper .falltab .fv.empty{display:none}              /* leere Felder weglassen */
.paper .ruledet{border-color:#dce1e8;background:#fff}
.paper .ruledet>summary{cursor:default;color:#13354a;font-weight:700}
.paper .ruledet>summary::before{display:none}
.paper .spec-raw,.paper .pseudo{word-break:break-word}
.paper .trace-hint{margin-top:0}
@media (max-width:720px){.paper{padding:26px 20px}.pdfov-scroll{padding:14px 8px 46px}}

/* ── Druck ─────────────────────────────────────────────────────────────────── */
@media print{
  html,body{background:#fff !important}
  @page{margin:15mm 14mm}
  .print-head,.verdict,.falltab,.falltab .fv,.msg,.tl-step,.sec,details{break-inside:avoid}
  .sec{break-after:avoid}
  details[open] .ruledet-body{display:block !important}

  /* Standardweg: Druck aus der geöffneten Vorschau → NUR das Blatt, randlos. */
  body.pdfopen .frame{display:none !important}
  body.pdfopen .pdfov{position:static !important;display:block !important;
    background:#fff !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
  body.pdfopen .pdfov-bar{display:none !important}
  body.pdfopen .pdfov-scroll{display:block !important;overflow:visible !important;padding:0 !important}
  body.pdfopen .paper{box-shadow:none !important;max-width:none !important;width:auto !important;
    margin:0 !important;padding:0 !important;border-radius:0 !important}

  /* Fallback: direktes Strg+P ohne Vorschau → Begründung inline hell drucken. */
  body:not(.pdfopen) .kopf,body:not(.pdfopen) .site-foot,body:not(.pdfopen) .crumbs,
  body:not(.pdfopen) .top,body:not(.pdfopen) .inp-wrap,body:not(.pdfopen) .examples,
  body:not(.pdfopen) .ex-select,body:not(.pdfopen) .viewtabs,body:not(.pdfopen) .pdf-btn,
  body:not(.pdfopen) #btn-rule-eval,body:not(.pdfopen) #btn-rule-clear{display:none !important}
  body:not(.pdfopen) .frame{background:#fff !important;color:#1a1f28 !important;
    --f-bg:#fff !important;--f-panel:#fff !important;--f-panel2:#f6f7f9 !important;
    --f-border:#d3d9e0 !important;--f-text:#1a1f28 !important;--f-dim:#4a525f !important;
    --f-faint:#6b7280 !important;--f-accent:#1c6e95 !important;--f-comp:#bf6320 !important;
    --f-good:#2a7d52 !important;--f-bad:#b23a2e !important;--f-warn:#8a6a1e !important;--f-shadow:none !important}
  body:not(.pdfopen) .content{max-width:none !important;padding:0 !important;
    font:12px/1.5 'Segoe UI',system-ui,sans-serif;color:#1a1f28}
  body:not(.pdfopen) a{color:#1a1f28 !important;text-decoration:none}
  body:not(.pdfopen) .print-head,body:not(.pdfopen) .print-foot{display:block}
  body:not(.pdfopen) .falltab .fv.empty{display:none}
}