/* DE: Die Einwilligungsseite. Eigenes Stilblatt, weil die Seite seit dem 2026-09-01 NICHT mehr zur Redaktion
   gehört: sie gehört der Person im Video, die oft nur ein `learner`-Konto hat. Ihre Regeln lagen in
   `editorial-sign-parameters.css` — einem Redaktions-Blatt, das auf nicht-redaktionellen Seiten gar nicht
   geladen wird. Beim Umzug hätte die Seite ihr Aussehen still verloren; der Bündel-Wächter hat es gefangen.
   EN: The consent page. Its own stylesheet, because since 2026-09-01 the page no longer belongs to editorial:
   it belongs to the person in the video, who often holds only a `learner` account. Its rules sat in an
   editorial sheet, which non-editorial pages never load — the move would have silently cost the page its
   appearance, and the bundle guard caught it. */
.consent-page { display: grid; gap: var(--sp-md, 1rem); max-inline-size: 46rem; }
.consent-page__who { font-size: var(--step-1, 1.2rem); font-weight: 600; margin: 0; }
.consent-page__terms { display: grid; gap: .35rem; margin: 0; }
.consent-page__terms > div { display: grid; grid-template-columns: 12rem 1fr; gap: var(--sp-sm, .75rem); }
.consent-page__terms dt { color: var(--text-muted); margin: 0; }
.consent-page__terms dd { margin: 0; }
.consent-page__recordings { margin: 0; padding-inline-start: 1.2rem; }

/* DE: Der CC0-Absatz ist eine Warnung und keine Fußnote: er sagt, was ein Widerruf NICHT kann. Deshalb steht
       er in der Warnfarbe und nicht kleingedruckt — er gehört vor die Einwilligung, nicht dahinter.
   EN: The CC0 paragraph is a warning, not a footnote: it says what a withdrawal CANNOT do. */
.consent-page__cc0 {
  background: var(--warn-surface); border: 1px solid var(--warn);
  border-radius: var(--radius-md, 1rem); padding: var(--sp-md, 1rem); margin: 0;
}
.consent-page__withdrawn { color: var(--text-muted); }
.consent-page__withdraw { display: grid; gap: var(--sp-sm, .75rem); justify-items: start; }

/* DE: „Was dieser Gebärde noch fehlt" — eine Auskunft, kein Riegel, und das muss man ihr ansehen: kein
       Rahmen in Warnfarbe, keine Sperr-Anmutung. Ein ruhiger Kasten, der etwas mitteilt.
   EN: „What this sign is still missing" — information, not a gate, and it has to look like it: no warning
       border, no locked-out feel. A quiet box that tells you something. */
.sign-readiness {
  background: var(--surface-2); border-radius: var(--radius-md, 1rem);
  padding: var(--sp-md, 1rem); margin-block-end: var(--sp-lg, 1.5rem);
  display: grid; gap: var(--sp-sm, .75rem);
}
.sign-readiness h2 { margin: 0; font-size: var(--step-0, 1rem); }
.sign-readiness__steps { display: grid; gap: .35rem; margin: 0; }
.sign-readiness__steps > div { display: grid; grid-template-columns: 12rem 1fr; gap: var(--sp-sm, .75rem); }
.sign-readiness__steps dt { color: var(--text-muted); margin: 0; }
.sign-readiness__steps dd { margin: 0; }

/* DE: Was fehlt, steht in der Warnfarbe — aber als TEXT, nicht nur als Farbe (WCAG 1.4.1): es benennt die
       Kamera, die Gruppe, den Schlüssel.
   EN: What is missing carries the warning colour — but as TEXT, not colour alone: it names the camera, the
       group, the key. */
.sign-readiness__missing { color: var(--warn); }

/* DE: Dieselbe Warnfarbe wie das Fehlende daneben — und aus demselben Grund als TEXT, nicht nur als Farbe
       (WCAG 1.4.1): der Satz nennt den Winkel und die Schwelle. Ohne Angleichung stand er neutral da, obwohl
       er dasselbe tut, und las sich als Angabe statt als Hinweis.
   EN: The same warning colour as the missing items beside it, and as TEXT rather than colour alone for the
       same reason: the sentence names the angle and the threshold. Unstyled it stood neutral though it does
       the same job, and read as a fact rather than a caution. */
.sign-readiness__slow { color: var(--warn); }
.sign-readiness__note { margin: 0; color: var(--text-muted); font-size: var(--step--1, .9rem); }