:root { --wine:#7A1630; --crimson:#D91E4F; --gold:#FFB81C; --cream:#FFEEDD; --ink:#2A1018; --soft:#6B4A55; --line:#E9D3CC; --bg:#FFF8F2; }
@media (prefers-color-scheme: dark) { :root { --ink:#FFEEDD; --soft:#C9A9B4; --line:#4A2A36; --bg:#1C0A12; } }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
header.site { background:var(--wine); color:var(--cream); padding:18px 20px; }
header.site .in, main, footer .in { max-width:760px; margin:0 auto; }
header.site a.brand { font:700 26px/1 Georgia, "Times New Roman", serif; color:var(--cream); text-decoration:none; letter-spacing:.2px; }
header.site nav { float:right; font-size:15px; padding-top:7px; }
header.site nav a { color:var(--gold); text-decoration:none; margin-left:16px; }
main { padding:34px 20px 56px; }
h1 { font:700 38px/1.15 Georgia, "Times New Roman", serif; margin:0 0 8px; }
h2 { font:700 22px/1.3 Georgia, "Times New Roman", serif; margin:34px 0 6px; color:var(--wine); }
@media (prefers-color-scheme: dark) { h2 { color:var(--gold); } }
p, li { margin:0 0 12px; } ul { padding-left:22px; }
.lead { font-size:20px; color:var(--soft); margin-bottom:26px; }
.meta { color:var(--soft); font-size:14px; margin-bottom:26px; }
a { color:var(--crimson); }
.card { border:1px solid var(--line); border-radius:16px; padding:18px 20px; margin:18px 0; }
.btn { display:inline-block; background:var(--crimson); color:#fff; padding:12px 22px; border-radius:999px; font-weight:700; text-decoration:none; }
footer { border-top:1px solid var(--line); padding:22px 20px 40px; color:var(--soft); font-size:14px; }
footer a { color:var(--soft); margin-right:14px; }
@media (max-width:520px) { h1 { font-size:30px; } header.site nav { float:none; padding:10px 0 0; } header.site nav a { margin:0 14px 0 0; } }