/* ─────────────────────────────────────────────────────────────────────────
   Haus Kulturimpuls · Die Form der Seite: das Register

   Das Register hat sich durchgesetzt (Inhaber, 25. 10. 2026); Grundform,
   Linie, Strich und nicht linear sowie der Schalter dafür sind weg. Ihre
   Entwürfe stehen weiter unter entwuerfe/ideen/.

   Nur am Schirm: Gedruckt wird immer die Grundform (Druckklima, K14).
   Das Register greift erst, wenn formen.js gelaufen ist (.form-bereit am
   <html>): Fehlt das Skript, bleibt die Seite in einer Spalte — sonst
   stünde das Register ohne offene Zeile da (Konrads Review, 17. 10. 2026).
   Was formen.js hinzufügt (die Zeilenknöpfe), ist ohne .form-bereit
   unsichtbar.
   ───────────────────────────────────────────────────────────────────────── */

.form-zeile{display:none}

@media screen{

/* ══ Register ════════════════════════════════════════════════════════════
   Die Räume werden ein Verzeichnis: gross gesetzte
   Zeilen zwischen Linien, ohne Zahlen. Eine Zeile ist offen. */
/* Die Wortmarke steht wie in der Grundform, gross auf drei Zeilen — bis zum
   17. 10. 2026 war sie hier eine kleine Zeile (Wahl des Inhabers aus drei
   Vorschauen: ‹A›). Nur der Abstand zum Verzeichnis ist knapper. */
:root.form-bereit[data-form="r"] .kopf{margin-bottom:var(--r12)}
:root.form-bereit[data-form="r"] main .feld .seite{padding-block:0}
:root.form-bereit[data-form="r"] .feld-tint{--feld:transparent}
:root.form-bereit[data-form="r"] main section.block,
:root.form-bereit[data-form="r"] main .feld + .feld section.block:first-of-type{
  border-top:var(--linie) solid var(--ink); padding:0; margin:0}
:root.form-bereit[data-form="r"] main .feld:last-child section.block:last-of-type{border-bottom:var(--linie) solid var(--ink)}
/* Nach der letzten Zeile Luft bis zum Fuss — wie in der Grundform das
   Polster des Feldes (farben.css), sonst stösst die Linie an die Fläche. */
:root.form-bereit[data-form="r"] main .feld:last-child .seite{padding-bottom:var(--r12)}
:root.form-bereit[data-form="r"] .form-zeile{
  display:flex; justify-content:space-between; align-items:baseline; gap:var(--r4);
  grid-column:1 / -1; width:100%; margin:0; padding:var(--r2) 0;
  background:none; border:0; color:inherit; cursor:pointer; text-align:left;
  font-family:var(--schrift-titel, var(--schrift)); font-weight:var(--w-ruhig);
  font-size:calc(clamp(1.75rem, 1rem + 2.6vw, 3.5rem) * var(--titel-faktor, 1));
  line-height:1.1; letter-spacing:-0.015em}
:root.form-bereit[data-form="r"] .form-zeile:focus-visible{outline:2px solid var(--accent); outline-offset:2px}
:root.form-bereit[data-form="r"] main section.block:not(.offen) > :not(.form-zeile){display:none}
:root.form-bereit[data-form="r"] section.offen > .haupt{padding:var(--r2) 0 var(--r8); animation:form-auf .45s ease}
:root.form-bereit[data-form="r"] section.offen > .apparat{margin-bottom:var(--r8)}
/* Der Titel des Raums steht schon in der Zeile; die Überschrift bleibt für
   Vorleseprogramme. Der erste Titel ist Inhalt und bleibt sichtbar. */
:root.form-bereit[data-form="r"] section.offen h2:not(.auftakt){position:absolute; width:1px; height:1px;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap}
@keyframes form-auf{from{opacity:0; transform:translateY(-.5rem)} to{opacity:1; transform:none}}

}   /* @media screen */

@media print{
  .form-zeile{display:none}
}
