/* NORDIX — Aufklapper
   Seit dem 19.08.2026 (Runde 81).

   WARUM ES DAS GIBT
   Abschnitt 01 hatte 390 Wörter, knapp zwei Minuten Lesezeit, bevor das
   erste Bild kam. Björns Einwand: Wer so viel Text sieht, scrollt vorbei —
   und dann ist auch das nicht gelesen, was kurz gewesen wäre.

   WARUM `<details>` UND KEIN SKRIPT
   Drei Gründe, in dieser Reihenfolge:
   1. Der Text bleibt vollständig im HTML. Zugeklappt heißt versteckt, nicht
      weg — Suchmaschinen lesen ihn, und die Sammler der Sprachmodelle, die
      kein JavaScript ausführen, ebenso. Dieselbe Überlegung wie am
      17.08.2026 bei den achtzehn Leistungen.
   2. Tastatur und Sprachausgabe können es von Haus aus. Ein selbstgebauter
      Aufklapper müsste `aria-expanded` und die Fokusführung nachbilden.
   3. Es funktioniert ohne JavaScript. Wie das Formular, wie die Galerie.

   WAS NICHT HINEINGEHÖRT
   Die 230-V-Abgrenzung. Sie ist die einzige Stelle im Abschnitt, an der
   etwas ABGELEHNT wird, und stand im ersten Entwurf im aufklappbaren Teil.
   Björns Einspruch, zu Recht: Ein Hinweis, der Haftung begrenzt, darf nicht
   hinter einem Klick liegen. Sie steht jetzt als eigener Absatz darüber. */

.mehr{margin-top:22px;border-top:1px solid var(--line)}
.mehr summary{
  list-style:none;cursor:pointer;padding:14px 0;display:flex;align-items:center;gap:12px;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);
}
/* Safari zeigt sonst zusätzlich sein eigenes Dreieck. */
.mehr summary::-webkit-details-marker{display:none}
/* Der Winkel ist gezeichnet, kein Zeichen aus der Schrift: Ein „▾" sitzt je
   nach Schriftschnitt woanders auf der Grundlinie. */
.mehr summary::before{
  content:"";width:9px;height:9px;flex:0 0 auto;
  border-right:1.5px solid var(--orange);border-bottom:1.5px solid var(--orange);
  transform:rotate(45deg) translate(-2px,-2px);transition:transform .22s ease;
}
.mehr[open] summary::before{transform:rotate(225deg) translate(-2px,-2px)}
.mehr summary:hover{color:var(--orange)}
.mehr summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.mehr .inhalt{padding-bottom:20px}
.mehr .inhalt p+p{margin-top:16px}

/* Die Grenze steht allein, nicht als Nebensatz am Ende eines Absatzes. */
.grenze{margin-top:22px}

@media(prefers-reduced-motion:reduce){
  .mehr summary::before{transition:none}
}