:root { --text: #1d1d1f; --muted: #6e6e73; --accent: #0071e3; color-scheme: light; }
body { margin: 0; background: #fff; color: var(--text); font: 100%/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
main { max-width: 680px; margin: 0 auto; padding: 1.5rem 1.25rem 4rem; }
.back { display: inline-block; margin-bottom: 1rem; color: var(--accent); text-decoration: none; font-weight: 600; }
h1 { font-size: 2rem; letter-spacing: -.025em; line-height: 1.15; margin: 0 0 1rem; }
h2 { font-size: 1.15rem; letter-spacing: -.015em; margin: 2rem 0 .5rem; }
p, li { color: #333; }
a { color: var(--accent); }
/* Platzhalter: alles Gelbe muss noch ausgefüllt werden */
mark { background: #fff3a8; padding: 0 .2em; border-radius: 4px; }
.box { padding: 1rem 1.25rem; border: 1px solid #d2d2d7; border-radius: 14px; }