:root { --red: #b71c1c; --dark: #1a1a1a; --gray: #555; }
* { box-sizing: border-box; }
body { font-family: Georgia, 'Times New Roman', serif; margin: 0; color: #222; background: #fafafa; line-height: 1.65; }
header { background: var(--dark); color: #fff; padding: 22px 0; border-bottom: 4px solid var(--red); }
.wrap { max-width: 860px; margin: 0 auto; padding: 0 20px; }
.brand { font-size: 1.7em; font-weight: bold; letter-spacing: 1px; }
.brand span { color: var(--red); }
.tagline { color: #bbb; font-style: italic; font-size: .95em; margin-top: 4px; }
nav { background: #2a2a2a; }
nav .wrap { display: flex; flex-wrap: wrap; gap: 4px; }
nav a { color: #ddd; text-decoration: none; padding: 10px 14px; display: block; font-size: .95em; }
nav a:hover { background: var(--red); color: #fff; }
main { padding: 34px 0 50px; background: #fff; }
h1 { font-size: 1.9em; line-height: 1.25; margin: 0 0 14px; }
h2 { font-size: 1.35em; margin: 30px 0 10px; border-left: 4px solid var(--red); padding-left: 10px; }
.meta { color: var(--gray); font-size: .88em; margin-bottom: 20px; }
.teaser { border-bottom: 1px solid #e5e5e5; padding: 18px 0; }
.teaser h3 { margin: 0 0 6px; font-size: 1.15em; }
.teaser h3 a { color: var(--dark); text-decoration: none; }
.teaser h3 a:hover { color: var(--red); }
.teaser p { margin: 0; color: #444; }
.teaser .meta { margin: 4px 0 8px; }
footer { background: var(--dark); color: #999; padding: 24px 0; font-size: .85em; }
footer a { color: #bbb; }
.lead { font-size: 1.08em; }
ul, ol { padding-left: 22px; }
li { margin-bottom: 6px; }