:root{--fond:#f4f1ea;--surface:#ffffff;--texte:#22201c;--doux:#6e675c;--accent:#b4541a;--accent-texte:#ffffff;--filet:#e2dccf;--titres:'Playfair Display',Georgia,serif;--corps:'Lora',system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--texte);font-family:var(--corps);font-size:18px;line-height:1.65}
a{color:var(--accent)}a:hover{text-decoration-thickness:2px}
img{max-width:100%;height:auto}
h1,h2,h3{font-family:var(--titres);line-height:1.2;margin:1.6em 0 .5em}
.prose{overflow-wrap:break-word}.prose p,.prose li{margin:0 0 1em}.prose h2{font-size:1.45rem}.prose h3{font-size:1.15rem}
.prose blockquote{margin:1.5em 0;padding:.2em 1.2em;border-left:3px solid var(--accent);color:var(--doux)}
.prose table{border-collapse:collapse;width:100%;font-size:.92em;margin:1.5em 0;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--filet);padding:.5em .7em;text-align:left;vertical-align:top}
.sources{margin:2.5em 0 0;padding:1.2em 1.4em;border:1px solid var(--filet);border-radius:6px;font-size:.88rem;background:var(--surface)}
.sources h2{font-size:1rem;margin:0 0 .6em;font-family:var(--corps);text-transform:uppercase;letter-spacing:.06em;color:var(--doux)}
.sources ul{margin:0;padding-left:1.1em}.sources li{margin:.25em 0}
.meta{color:var(--doux);font-size:.88rem}
.pied{border-top:1px solid var(--filet);margin-top:4rem;padding:2rem 16px;color:var(--doux);font-size:.85rem}
.pied a{color:inherit}.editeur{margin:.6em 0 0;font-size:13px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:760px){body{font-size:17px}}
.carnet{max-width:640px;margin:0 auto;padding:48px 16px 0}
.carnet header{margin-bottom:44px}
.carnet header a{font-family:var(--titres);font-weight:700;font-size:1.25rem;color:var(--texte);text-decoration:none}
.carnet header p{margin:.2em 0 .8em;color:var(--doux);font-size:.95rem}
.carnet nav{font-size:.88rem;display:flex;gap:16px;flex-wrap:wrap}
.carnet nav a{color:var(--doux)}.carnet nav a[aria-current]{color:var(--accent)}
.billets{list-style:none;margin:0;padding:0}
.billets li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:10px 0}
.billets time{color:var(--doux);font-size:.88rem;padding-top:.15em}
.billets a{color:var(--texte);font-weight:600;text-decoration:none}.billets a:hover{color:var(--accent);text-decoration:underline}
.article h1{font-size:2rem;margin:0 0 .3em}
.chapo{color:var(--doux);font-size:1.08rem}
@media (max-width:600px){.billets li{grid-template-columns:1fr;gap:0}}