:root { color-scheme: light dark; --accent: #1c70b5; --muted: #6b7280; }
body { margin: 0; padding: 0 16px 48px; font: 17px/1.55 -apple-system, "Helvetica Neue", Arial, "Noto Sans Ethiopic", sans-serif; max-width: 720px; margin-inline: auto; }
header { padding: 28px 0 8px; } header a { color: inherit; text-decoration: none; font-weight: 700; font-size: 22px; }
nav a { color: var(--accent); margin-right: 16px; text-decoration: none; }
h1 { font-size: 30px; margin: 24px 0 4px; } h2 { font-size: 20px; margin-top: 28px; }
p.lead, .muted { color: var(--muted); } footer { margin-top: 48px; color: var(--muted); font-size: 14px; }
.card { background: rgba(127,127,127,.12); border-radius: 14px; padding: 16px 18px; margin: 18px 0; }