/* ============================================================================
   KONFORMITÄTS-KORPUS — /e-rechnung/korpus/
   Seit dem 10.09.2026 auch fuer /e-rechnung/status/: dieselbe Haltung, dieselben
   Tabellen. Ein zweites Vokabular fuer dieselbe Sache waere Regel 36 verkehrt herum.

   Eigene Datei statt eines Blocks im Seitenkopf: Regel 36. Sie ergänzt
   pruefregeln.css und übernimmt dessen Haltung unverändert — keine farbigen
   Marken, keine Kästen, Gliederung durch Weißraum und Haarlinien. Wer hier
   liest, vergleicht seine eigene Ausgabe mit einer fremden und braucht dafür
   Ruhe, keine Anzeigetafel.

   Schreibmaschinenschrift steht nur dort, wo eine Maschine mitliest:
   Dateinamen und Prüfsummen. Ein Fallname wie "Reverse Charge nach § 13b UStG"
   ist ein Titel und steht in der Schrift der Seite.
   ========================================================================== */

.ko-intro { max-width: 44rem; font-size: 16px; line-height: 1.7;
            color: rgba(255, 255, 255, 0.78); }
.ko-intro + .ko-intro { margin-top: var(--spacing-sm); }

/* -- Ein Fall ------------------------------------------------------------- */
.ko-fall { padding-top: var(--spacing-lg); margin-top: var(--spacing-lg);
           border-top: 1px solid rgba(255, 255, 255, 0.1); }
.ko-fall:first-of-type { border-top: 0; margin-top: var(--spacing-md); }

.ko-fall h2 { font-size: 21px; line-height: 1.35; margin: 0 0 0.35em; }
/* Die laufende Nummer ist eine Ordnungshilfe, kein Titel: sie tritt zurück. */
.ko-nr { color: rgba(255, 255, 255, 0.4); font-variant-numeric: tabular-nums;
         margin-right: 0.5em; font-weight: 400; }

.ko-zweck { max-width: 44rem; font-size: 15px; line-height: 1.7;
            color: rgba(255, 255, 255, 0.72); margin: 0 0 var(--spacing-sm); }

.ko-regeln { max-width: 44rem; font-size: 14px; line-height: 1.7;
             color: rgba(255, 255, 255, 0.6); margin: 0 0 var(--spacing-sm); }
.ko-regeln strong { color: rgba(255, 255, 255, 0.82); font-weight: 600; }

/* Eine Regel, die der Referenzvalidator nicht prüft, ist die interessantere:
   Sie muss ohne fremde Hilfe eingehalten werden. Kein Farbpunkt dafür — ein
   nachgestelltes Zeichen mit Erklärung in der Fußzeile des Falls. */
.ko-ungeprueft::after { content: ' \00B0'; color: rgba(255, 255, 255, 0.45); }
.ko-fussnote { font-size: 13px; color: rgba(255, 255, 255, 0.5);
               margin: calc(var(--spacing-sm) * -0.5) 0 var(--spacing-sm); }

/* -- Die Dateien ---------------------------------------------------------- */
.ko-dateien { width: 100%; border-collapse: collapse; margin-top: var(--spacing-sm);
              font-size: 14px; }
.ko-dateien caption { text-align: left; font-size: 13px; padding-bottom: 0.5em;
                      color: rgba(255, 255, 255, 0.5); }
.ko-dateien th, .ko-dateien td { text-align: left; padding: 0.55em 1em 0.55em 0;
                                 border-bottom: 1px solid rgba(255, 255, 255, 0.07);
                                 vertical-align: top; }
.ko-dateien th { font-weight: 600; color: rgba(255, 255, 255, 0.55);
                 font-size: 13px; white-space: nowrap; }
.ko-dateien td { color: rgba(255, 255, 255, 0.75); }
.ko-dateien tr:last-child td { border-bottom: 0; }
.ko-num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.ko-sum { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
          font-size: 12px; color: rgba(255, 255, 255, 0.45); word-break: break-all; }

/* Breite Tabellen scrollen in sich, nie die Seite (Regel: kein waagerechter
   Bildlauf am Körper). */
.ko-scroll { overflow-x: auto; }

.ko-quelle { margin-top: var(--spacing-xl); padding-top: var(--spacing-md);
             border-top: 1px solid rgba(255, 255, 255, 0.12);
             font-size: 13px; line-height: 1.7; color: rgba(255, 255, 255, 0.5);
             max-width: 44rem; }

@media (max-width: 600px) {
    .ko-dateien th, .ko-dateien td { padding-right: 0.75em; }
    .ko-sum { display: none; }   /* Prüfsummen holt man sich aus korpus.json */
}