/* Rechtstexte: gleiche Schrift und Farben wie die Startseite, ruhig und gut lesbar */
:root { color-scheme: dark; }
body { margin: 0; background: #06080a; color: #ece3cf; font: 1.125rem/1.6 "Times New Roman", Tinos, Times, serif; -webkit-font-smoothing: antialiased; }
main { max-width: 44em; margin: 0 auto; padding: 56px max(20px, env(safe-area-inset-right, 0px)) 96px max(20px, env(safe-area-inset-left, 0px)); display: grid; gap: 16px; }
h1 { font-weight: 700; font-size: clamp(2.4rem, 7vw, 3.6rem); line-height: 1.02; margin: 8px 0 4px; hyphens: manual; }
h2 { font-weight: 400; font-size: 1.5rem; line-height: 1.2; margin: 26px 0 0; padding-top: 18px; border-top: 1px solid #c9a35c2e; scroll-margin-top: 20px; }
p, li { color: #cfd0c7; }
p { margin: 0; }
ul, ol { margin: 0; padding-left: 1.2em; display: grid; gap: 6px; }
code { font-family: Consolas, "Courier New", monospace; font-size: .9em; color: #ece3cf; background: #ece3cf14; padding: 1px 5px; }
mark { background: #c9a35c33; color: #ece3cf; padding: 0 4px; }
strong { color: #ece3cf; }
a { color: #7fd0cb; text-underline-offset: 3px; }
.back { font-size: 1rem; }
.back a { color: #9a9d92; text-decoration: none; }
.back a:hover { color: #ece3cf; }
.draft { border-left: 2px solid #d1532f; background: #1c1512; padding: 12px 16px; color: #ece3cf; font-size: 1rem; }
.toc { border: 1px solid #c9a35c2e; padding: 14px 20px; }
.toc ol { gap: 2px; }
.toc a { color: #ece3cf; text-decoration: none; }
.toc a:hover { color: #7fd0cb; }
.em { border-left: 2px solid #c9a35c; padding-left: 14px; }
.stand { margin-top: 24px; color: #9a9d92; font-size: .95rem; }
:focus-visible { outline: 2px solid #7fd0cb; outline-offset: 3px; }
.lang-note { font-size: .95rem; color: #9a9d92; }