/* System — linke Fenster-Navi (windownav), Suche oben, Bereiche als Kern-Akkordeon, Kacheln darin.
   Alles, was man anklickt, öffnet in der Kern-Sidebar (Datenblatt) — hier gibt es keine eigene Detailansicht. */
.sy-main { min-width: 0; overflow-y: auto; display: flex; flex-direction: column; padding-top: 0; }   /* Suche klebt oben bündig (sticky) — kein Kern-Abstand darüber */
.sy-rail { overflow-y: auto; }
/* Inaktives Modul in der Rail dezenter (Token-Farbe statt opacity). */
.sy-navitem-off { color: var(--muted); }

/* Suche: EINE breite Zeile ganz oben, Lupe links im Feld, bleibt beim Scrollen stehen. */
.sy-search { position: sticky; top: 0; z-index: var(--z-sticky); display: flex; align-items: center; gap: var(--sp-3);
             padding: var(--sp-5) var(--sp-8); background: var(--surface); border-bottom: 1px solid var(--grey-300); }
.sy-search-ico { color: var(--muted); font-size: var(--fs-lg); flex: 0 0 auto; }
.sy-search .sy-search-input { flex: 1 1 auto; min-width: 0; font-size: var(--fs-md); }

/* Bereiche = Kern-Akkordeon (Design::section, acctab-Design). Der Körper trägt das Kachelraster. */
.sy-hub { flex: 1 1 auto; }
.sy-hub .accordion-body > .cs-intro { margin-bottom: var(--sp-6); }