/* DE: Klassen, die MEHRERE Bereiche brauchen und darum keinem einzelnen gehören.
       Sie standen bisher in Bereichsdateien — `.empty-state` etwa in `editorial-workbench.css`, obwohl
       jede leere Liste im Haus sie benutzt. Genau daran hing die Redaktionsdatei im öffentlichen Bündel
       fest: nicht weil eine öffentliche Seite die Werkbank braucht, sondern weil eine geteilte Klasse am
       falschen Ort definiert war.

       Dieses Blatt steht an der Stelle der Datei, aus der es die Regel übernimmt — die Position in der
       Kaskade ist damit unverändert. Aufgenommen wird nur, was in GENAU EINEM Blatt definiert ist: bei
       mehrfach definierten Klassen (`.btn`, `.facet-field`, `.hint`, `.badge`) entscheidet die
       Reihenfolge, welche Regel gewinnt, und ein Umzug änderte die Antwort. Das ist eine Entwurfsfrage je
       Klasse, keine mechanische Umstellung.
   EN: Classes SEVERAL areas need, which therefore belong to none of them. They sat in area files —
       `.empty-state` in `editorial-workbench.css`, though every empty list in the house uses it — and that,
       not any real need for the workbench, is what pinned the editorial file into the public bundle. This
       sheet sits at the position of the file it takes the rule from, so its place in the cascade is
       unchanged. Only classes defined in EXACTLY ONE sheet are taken: where a class is defined several
       times (`.btn`, `.facet-field`, `.hint`, `.badge`) the order decides which rule wins, and
       moving it would change the answer — a design question per class, not a mechanical move. */

.empty-state { color: var(--text-muted, #777); max-inline-size: 60ch; }

/* DE: Aus `editorial.css` gehoben, weil sie nicht der Redaktion gehören:
   - Meldungen (`.flash*`) erscheinen auf JEDER Seite, auch auf der Fehlerseite und im LTI-Layout.
   - `.btn--small` steht 31-mal in öffentlichen Ansichten (Würfel, Regal, Wortkarten).
   - Die Nutzer-/Navigationszeile trägt auch das LEHRKRAFT-Layout — beides angemeldete Arbeitsflächen.
   Sie waren der einzige Grund, warum ein Kind 17 kB Redaktions-CSS mitlud.
   EN: Lifted from `editorial.css` because they do not belong to the editorial area: flash messages appear on
   EVERY page, `.btn--small` occurs 31 times in public views, and the user/nav row also carries the TEACHER
   layout. They were the only reason a child downloaded 17 kB of editorial CSS. */
.editorial-user{display:inline-flex;align-items:center;gap:var(--sp-sm);margin-inline-start:auto}
.editorial-user__email{color:var(--text-muted);font-size:var(--step--1)}
.editorial-nav__link{color:var(--text-muted);text-decoration:none;font-weight:600}
.editorial-nav__link:hover,.editorial-nav__link[aria-current="page"]{color:var(--brand)}
.editorial-role{background:var(--brand-surface);color:var(--brand-strong);border-color:transparent}
.btn--small{padding:.3rem .8rem;font-size:var(--step--1)}
.flash{padding:.7rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);
  background:var(--surface);margin-block-end:var(--sp-md);max-inline-size:var(--measure)}
.flash--notice{background:var(--brand-surface);border-color:transparent}
.flash--alert{background:var(--accent-surface);border-color:transparent}

/* DE: Der Rahmen einer Arbeitsflächen-Startseite. Redaktion und KLASSENRAUM der Lehrkraft benutzen ihn
   gleichermaßen (`packs/classroom/.../home/show.html.erb`) — dieselbe Struktur, zwei Zielgruppen. Die
   redaktionsspezifischen Bänder und Kacheln bleiben in `editorial-home.css`.
   EN: The frame of a working surface's home page. The editorial area and the teacher's CLASSROOM use it
   alike — same structure, two audiences. The editorial-specific bands and tiles stay put. */
.home { max-width: 78rem; margin-inline: auto; display: grid; gap: var(--sp-lg);
  padding: var(--sp-lg) clamp(var(--sp-md), 4vw, var(--sp-2xl)) var(--sp-3xl); }
.home__header { display: grid; gap: var(--sp-md); }
.home__greeting { font-family: var(--font-display); font-weight: 800; font-size: var(--step-2); margin: 0; }