/* ===== Layout constants ===== */ :root { --header-h: 70px; --footer-h: 70px; --sticky-gap: 1.5rem; /* top gap under header */ --sticky-bottom-gap: 1.5rem; /* bottom gap above footer */ /* Typography */ --font-sans: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 1.875rem; --text-4xl: 2.25rem; --text-5xl: 2.75rem; /* Tile tokens: shared card look for menu / content / agent sidebars */ --tile-bg: #1e293b; --tile-border: 1px solid #3b82f6; --tile-radius: 1rem; --tile-padding: 1.5rem; --tile-shadow: 0 0 12px rgba(0, 0, 0, 0.3); } /* Reserve space for the vertical scrollbar to avoid layout shifting. Nur rechts (= 'stable'), nicht beidseitig - 'both-edges' verschiebt das um 15px nach rechts und bricht damit position:fixed- Coordinates der Agent-Box (Asymmetrie sichtbar als groesserer rechter Spaltenrand zur Content-Panel). */ html { scrollbar-gutter: stable; } /* ===== Global: dark theme ===== */ body { background-color: #0f172a; color: #e2e8f0; font-family: var(--font-sans); font-size: var(--text-base); line-height: 1.55; padding-top: var(--header-h); padding-bottom: var(--footer-h); } code, pre, kbd, samp { font-family: var(--font-mono); } /* Fixed site header/footer (scoped to direct children of so inline