/* hausbauteil-quelle — die Inhalts-Bauteile von auth00.co, Richtung „Register".

   Diese Datei IST ein Hausbauteil, kein zweites Design daneben. Sie steht in
   derselben Reihe wie styles.css (Grundlage) und bauformen.css (Anmelde-
   Bauformen) und wird von den Inhaltsseiten geladen, nicht kopiert. Deshalb
   traegt sie den Quell-Marker: die Sperre gegen selbst erfundenes Design
   (guards/hausbauteile-guard.py) soll Adapter treffen, die Gestaltung NEBEN ein
   Modul stellen — nicht die Modul-Datei selbst.

   WARUM sie entsteht (Operator 2026-08-28: „egal ob ai why usw, all die seiten
   haben kein design, einfach nur text" und „das ist nicht sauber gesetzt
   (DPoP, cnf.jkt), einfach so im Text mit der Klammer"):

   Die Inhaltsseiten bestanden aus Ueberschrift, Absatz und gelegentlich einer
   Tabelle. Es gab kein Bauteil, mit dem eine AUSSAGE Form bekommt — ein
   Fachbegriff stand als Klammer im Fliesstext, und das staerkste Argument der
   Marke stand als Aufzaehlung.

   Die Richtung heisst „Register" und wurde am 2026-08-28 gegen drei andere
   gewaehlt (design-scout, Design-Panel-Gate). Der Grund ist nicht Geschmack:
   auth00 verkauft ein gemessenes, signiertes, widerrufbares, nachrechenbares
   Register — die Form argumentiert hier mit. Wer taeglich Transparenz-Logs und
   `curl`-Ausgaben liest, braucht dieses Idiom nicht uebersetzt.

   Regeln, die hier NICHT verhandelt werden:
   - Farben und Schriften kommen aus dem Directus, nicht von hier
     (bin/token-setzen.py). In dieser Datei steht kein Farbwert, nur var().
   - auth00 ist RUND. Keine Schnittecke, kein Polygon — das ist OKTOGEN
     (AUTH00-DESIGN.md Abschnitt 2).
   - Der Akzent traegt nie Text. Gemessen reisst er auf dem Grund die Schwelle
     fuer Fliesstext. Er markiert als Kante, Punkt oder Flaeche; gelesen wird
     auf --paper.
*/

/* ================================================== Begriffs-Marke ==========
   Ein Fachbegriff im Fliesstext ist ein SCHLUESSEL, keine Fussnote.

   Klammer-Notation in der Schreibmaschinenschrift, kleinster Radius — der
   kleinste Radius sagt „Daten", der grosse sagt „Ueberschrift".

   Gegen das Flimmern: markiert wird der ERSTE Auftritt je Abschnitt (.rg-neu),
   jede Wiederholung bleibt ruhiger Mono-Text. In einem Register muss ein schon
   nachgeschlagener Schluessel nicht erneut leuchten. Damit koennen drei
   Begriffe in einem Absatz stehen, ohne dass die Zeile unruhig wird. */
.rg-begriff{
  font-family:var(--mono);
  font-size:.9em;                 /* relativ, damit er in jeder Textgroesse passt */
  color:var(--paper);
  white-space:nowrap;
}
/* Die Klammern gehoeren zur Notation und nicht in den Fliesstext — sie stehen
   im Stylesheet, damit der Rumpf den nackten Begriff traegt. Eine Vorlesesoftware
   liest sie als Satzzeichen mit, und das ist hier richtig: es IST eine Notation. */
.rg-begriff::before{content:"[";opacity:.5}
.rg-begriff::after{content:"]";opacity:.5}

/* KEIN Kasten und kein Innenrand.

   Die erste Fassung trug beides. Gemessen am gerenderten Stand stand danach eine
   sichtbare Luecke zwischen Begriff und folgendem Satzzeichen — der rechte
   Innenrand schob das Komma weg, und im Fliesstext las sich das als Tippfehler.
   Die Klammern grenzen den Schluessel bereits ab; ein Kasten darum ist der
   zweite Rahmen um dieselbe Sache und genau das, was der Operator am
   Eingabefeld schon beanstandet hat (memory:feedback_ein_rahmen_je_eingabegruppe).

   Erstauftritt: eine Kante in Akzent UNTER dem Begriff. Sie wirkt an einem
   Element ohne Innenrand und traegt keinen Text — der Akzent reisst als
   Textfarbe die Kontrastschwelle. */
.rg-begriff.rg-neu{border-bottom:1px solid var(--magenta);padding-bottom:.08em}

/* ============================================ Behauptung mit Beleg ==========
   Das Bauteil fuer eine These, die ihre Belege mitbringt.

   Aufbau: eine Kopfzeile in Mono, die den Zustand der Aussage benennt, darunter
   die These in der Auszeichnungsschrift, darunter die Belege als
   Beschreibungsliste — Feldname in Mono, Aussage in der Grundschrift.

   Die Beschreibungsliste ist nicht Dekoration: dt und dd sagen der
   Vorlesesoftware, dass Feld und Wert zusammengehoeren. Eine Aufzaehlung mit
   fettem Satzanfang sagt das nicht (R27: Bedeutung durch das richtige Element,
   nicht durch Fettung). */
.rg-satz{
  margin-top:var(--space-6);
  border:1px solid var(--line-strong);
  border-radius:var(--r-m);
  background:var(--flaeche-karte);
  overflow:hidden;                /* die Kopfzeile sitzt buendig in der Rundung */
}
.rg-satz-kopf{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--space-2) var(--space-4);
  padding:var(--space-3) var(--space-5);
  border-bottom:1px solid var(--line);
  background:var(--flaeche-hoch);
  font:600 .68rem/1.4 var(--mono);
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--paper-dim);
}
/* Der Zustand der Aussage traegt Punkt UND Wort. Farbe allein waere hier eine
   Information, die ein Teil der Leser nicht bekommt (R28d). */
.rg-satz-zustand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--paper-soft)}
.rg-satz-zustand::before{
  content:"";width:.5rem;height:.5rem;border-radius:var(--r-pill);
  background:var(--magenta);flex:none;
}
.rg-satz-koerper{padding:var(--space-5)}
.rg-satz-koerper > :first-child{margin-top:0}
.rg-satz h3{
  margin:0;
  font-family:var(--display);font-weight:300;
  font-size:clamp(1.375rem,2.6vw,1.875rem);
  line-height:1.15;letter-spacing:-.02em;
  color:var(--paper);
}
.rg-satz .rg-satz-lead{margin:var(--space-4) 0 0;color:var(--paper-soft);max-width:44rem}

/* Die Belege. Auf schmalem Geraet untereinander, ab 48rem der Feldname in einer
   eigenen Spalte — dann liest man die Namen als Reihe und die Aussagen daneben,
   und genau das macht es zu einem Register statt zu einer Liste. */
.rg-belege{margin:var(--space-5) 0 0;display:grid;gap:var(--space-4)}
@media (min-width:48rem){
  .rg-belege{grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:var(--space-4) var(--space-5)}
}
.rg-belege dt{
  font:600 .72rem/1.5 var(--mono);
  letter-spacing:.07em;text-transform:uppercase;
  color:var(--paper-dim);
  align-self:start;
}
.rg-belege dd{margin:0;color:var(--paper-soft);font-size:.9375rem}
.rg-belege dd b{color:var(--paper);font-weight:600}
/* Zwischen zwei Belegen eine Kante statt eines Abstands: im Register trennt eine
   Linie, kein Loch. Ab der zweiten Zeile, damit der erste Beleg nicht an der
   Kopfzeile klebt. */
@media (min-width:48rem){
  .rg-belege dt:not(:first-of-type),
  .rg-belege dd:not(:first-of-type){border-top:1px solid var(--line);padding-top:var(--space-4)}
}

/* Der Schlusssatz: die Folgerung, nicht noch ein Beleg. Sie steht abgesetzt und
   in der Auszeichnungsschrift, damit sie nicht als fuenfter Punkt gelesen wird. */
.rg-folgerung{
  margin:var(--space-5) 0 0;
  padding-top:var(--space-4);
  border-top:1px solid var(--line);
  font-family:var(--display);font-weight:300;
  font-size:clamp(1.0625rem,1.8vw,1.25rem);
  line-height:1.4;
  color:var(--paper);
  max-width:46rem;
}