/* Minimal semantic, readable styles for SEO-friendly pages */
:root { --text: #1a1a1a; --muted: #666; --accent: #b22222; }
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; margin: 0; color: var(--text); line-height: 1.7; }
header, footer { background: #f7f7f7; }
header nav, main, footer { max-width: 960px; margin: 0 auto; padding: 1rem; }
nav a { margin-right: .6rem; color: #333; text-decoration: none; }
nav a:hover { text-decoration: underline; }
h1 { color: var(--accent); margin-top: 0; }
.h2, h2 { margin-top: 2rem; }
ul { padding-left: 1.25rem; }
footer small { color: var(--muted); }