:root { --red:#C8102E; --dark:#1a1a1e; --grey:#6b6b70; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; color:#222; background:#fafafa; }
header { background:var(--dark); color:#fff; padding:2.2rem 1.5rem; border-bottom:4px solid var(--red); }
header .wrap, main { max-width:820px; margin:0 auto; }
header h1 { font-size:1.7rem; font-weight:700; letter-spacing:.02em; }
header h1 span { color:var(--red); }
header p { color:#c9c9ce; margin-top:.3rem; font-size:.95rem; }
nav { margin-top:1rem; }
nav a { color:#fff; text-decoration:none; margin-right:1.4rem; font-size:.92rem; border-bottom:2px solid transparent; padding-bottom:2px; }
nav a:hover, nav a.on { border-color:var(--red); }
main { padding:2.5rem 1.5rem 4rem; }
h2 { font-size:1.35rem; margin:2.2rem 0 .7rem; color:var(--dark); }
h2:first-child { margin-top:0; }
p, li { margin-bottom:.6rem; color:#333; }
ul { padding-left:1.3rem; margin-bottom:1rem; }
a { color:var(--red); }
.meta { color:var(--grey); font-size:.88rem; margin-bottom:2rem; }
.card { background:#fff; border:1px solid #e5e5e8; border-radius:12px; padding:1.4rem 1.6rem; margin:1rem 0; }
footer { border-top:1px solid #e5e5e8; color:var(--grey); font-size:.85rem; padding:1.6rem; text-align:center; }
.btn { display:inline-block; background:var(--red); color:#fff !important; text-decoration:none; padding:.65rem 1.3rem; border-radius:8px; font-weight:600; margin-top:.6rem; }