:root { --bg:#f4f1ea; --ink:#2b2a26; --line:#d8d2c4; --accent:#4a6b4f; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.65 Georgia,"Times New Roman",serif; }
header { border-bottom:2px solid var(--ink); padding:1.2rem 0; }
.wrap { max-width:680px; margin:0 auto; padding:0 1.2rem; }
h1 { font-size:1.6rem; margin:0; letter-spacing:.02em; }
h1 a { color:var(--ink); text-decoration:none; }
.tagline { color:#6b675e; font-style:italic; margin:.3rem 0 0; }
nav { margin:1rem 0 0; }
nav a { color:var(--accent); text-decoration:none; margin-right:1.1rem; font-size:.95rem; }
nav a:hover { text-decoration:underline; }
main { padding:1.6rem 0 3rem; }
article { margin-bottom:2.2rem; }
article time { color:#8a857a; font-size:.85rem; }
h2 { font-size:1.25rem; margin:.2rem 0 .6rem; }
footer { border-top:1px solid var(--line); padding:1rem 0 2rem; color:#8a857a; font-size:.85rem; }
ul.etap { list-style:none; padding:0; }
ul.etap li { padding:.45rem 0; border-bottom:1px dotted var(--line); }
blockquote { border-left:3px solid var(--accent); margin:1rem 0; padding:.2rem 1rem; color:#55524a; }