/* Feuille commune du blog Lyrion — à déposer dans public/blog/blog.css */
:root{--navy:#1e3d72;--gold:#b8965a;--bg:#edf1f7;--card:#fff;--sauge:#5a9e7c;--terra:#c46a72;--texte:#1f2a3d}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--texte);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:18px;line-height:1.65}
a{color:var(--navy)}
header.site{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;max-width:1080px;margin:0 auto;padding:1rem 1.25rem}
header.site .logo{display:flex;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;font-size:1.2rem}
header.site nav a{margin-left:1rem;text-decoration:none;font-size:.95rem}
a.cta{background:var(--navy);color:#fff;padding:.55rem 1rem;border-radius:8px;text-decoration:none;font-weight:600;display:inline-block}
nav.fil{max-width:760px;margin:0 auto;padding:0 1.25rem;font-size:.85rem;color:#5b6576}
main{max-width:760px;margin:0 auto;padding:1rem 1.25rem 3rem}
article{background:var(--card);border-radius:14px;padding:2rem 1.5rem}
@media(min-width:720px){article{padding:2.5rem 3rem}}
h1{font-family:"IBM Plex Serif","IBM Plex Sans",serif;color:var(--navy);font-size:2.1rem;line-height:1.2;margin:.2rem 0 1.2rem}
h2{color:var(--navy);font-size:1.45rem;margin:2.2rem 0 .6rem;line-height:1.3}
h3{color:var(--navy);font-size:1.15rem;margin:1.6rem 0 .4rem}
p.meta{font-size:.85rem;color:#5b6576;margin:0}
blockquote{margin:1rem 0;padding:.6rem 1rem;border-left:3px solid var(--gold);background:var(--bg);font-size:1.1rem}
table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.95rem;font-variant-numeric:tabular-nums}
th,td{border-bottom:1px solid #d8dee8;padding:.45rem .6rem;text-align:left}
th{color:var(--navy)}
code{font-family:"IBM Plex Mono",monospace;background:var(--bg);padding:.1rem .3rem;border-radius:4px;font-size:.9em}
hr{border:0;border-top:1px solid #d8dee8;margin:2rem 0}
.encart-cta{margin-top:2.5rem;padding:1.25rem 1.5rem;background:var(--bg);border-radius:12px;border-left:4px solid var(--gold)}
.encart-cta a{margin-right:1rem}
.petit{font-size:.85rem;color:#5b6576}
footer.site{max-width:1080px;margin:0 auto;padding:1.5rem 1.25rem 3rem;font-size:.9rem;text-align:center}

.liste-articles{list-style:none;padding:0}
.liste-articles li{padding:1rem 0;border-bottom:1px solid #d8dee8}
