/* Benutzerdoku */
:root { color-scheme: light dark; --text:#1a1a1a; --muted:#555; --border:#ddd; --link:#1a4a8a; --bg:#fff; --nav-bg:#f6f7f9; }
@media (prefers-color-scheme: dark) {
  :root { --text:#eee; --muted:#aaa; --border:#333; --link:#8cb4f0; --bg:#121212; --nav-bg:#1a1a1a; }
}
* { box-sizing: border-box; }
body { margin:0; font-family:system-ui,sans-serif; line-height:1.6; color:var(--text); background:var(--bg); }
header { padding:1rem 1.25rem; border-bottom:1px solid var(--border); }
.brand { margin:0; font-weight:600; }
.brand a { color:inherit; text-decoration:none; }
.tagline { margin:0.25rem 0 0; color:var(--muted); font-size:0.9rem; }
.layout { display:grid; grid-template-columns:minmax(12rem,16rem) 1fr; max-width:64rem; margin:0 auto; }
nav { background:var(--nav-bg); border-right:1px solid var(--border); padding:1rem 0.75rem; }
nav ul { list-style:none; margin:0; padding:0; }
nav li { margin:0.15rem 0; }
nav a { display:block; padding:0.35rem 0.5rem; color:var(--link); text-decoration:none; border-radius:4px; font-size:0.95rem; }
nav a[aria-current="page"] { background:color-mix(in srgb, var(--link) 12%, transparent); font-weight:600; }
main { padding:1.25rem 1.5rem 3rem; min-width:0; }
main a { color:var(--link); }
h1,h2,h3 { line-height:1.3; }
table { border-collapse:collapse; width:100%; margin:1rem 0; font-size:0.95rem; }
th,td { border:1px solid var(--border); padding:0.4rem 0.6rem; text-align:left; vertical-align:top; }
th { background:var(--nav-bg); }
code { font-family:ui-monospace,monospace; font-size:0.9em; }
@media (max-width:40rem) {
  .layout { grid-template-columns:1fr; }
  nav { border-right:0; border-bottom:1px solid var(--border); }
}