/* App-eigenes CSS. Regel (Skill create-webpage, references/design-system.md › „Modul-CSS“):
   - Nur hier, nie in style.css (die bleibt byte-gleich zum Skill). Diese Kopfzeilen nicht ändern.
   - @layer app: jede Klasse und jeder Rahmen-Baustein aus style.css gewinnt immer, egal wie spezifisch
     eine Regel hier ist. Anpassen lässt sich nur der Grundstil der Elemente (@layer base: a, h1–h4, p, …).
   - @scope: Regeln treffen nur Elemente in <main> und in Elementen mit data-app-scope (eigene Seitenpanels,
     die common.js ins Dock an <body> hängt); Kopf, Seitenleiste, Modul-Leiste, Laschen, Fuß und
     Versionshinweise sind ausgenommen. Selektoren gelten innerhalb dieser Wurzeln: Bedingung an <html>
     als .x:is(html.zustand *), <main> selbst als :scope:is(main).
   - Muss eine Regel eine Eigenschaft eines Skill-Bausteins überschreiben, gehört sie in den Skill.
     Nur Theme-Variablen, kein !important. */
@layer app {
@scope (main, [data-app-scope]) to (.site-header, .side-nav, .modules-rail, .side-dock-tabs, .site-footer, #release-notes) {

.grade-filter { margin-top: 12px; margin-bottom: 20px; flex-wrap: wrap; }
.grade-filter select { width: auto; }
.sr-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.entries-head { margin-top: 32px; }
.entries-head h2 { margin: 0; }
.entry-detail { padding: 0 14px; }
.setup-rows { margin-bottom: 12px; }
.setup-row { display: flex; align-items: center; gap: 8px; padding: 6px 0; }
.setup-edit { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; flex-wrap: wrap; }
.setup-edit input[type=text] { flex: 1 1 160px; min-width: 0; }
.setup-edit input.factor { flex: 0 0 90px; }
.setup-add { margin-top: 12px; }
.setup-text { flex: 1; min-width: 0; }
.log-head { margin-bottom: 10px; }

}
}