:root{--fond:#f4efe6;--carte:#fffdf8;--encre:#142a4a;--doux:#5d6b82;--accent:#b4532a;--trait:#e2d9c8}
@media (prefers-color-scheme:dark){:root{--fond:#0f1b30;--carte:#16253f;--encre:#f4efe6;--doux:#9aa8bf;--accent:#e08a5b;--trait:#27395a}}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--encre);font:18px/1.65 Georgia,"Times New Roman",serif}
a{color:var(--accent)}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
.top{border-bottom:1px solid var(--trait);margin-bottom:28px}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding-top:16px;padding-bottom:16px}
.logo{font-size:1.7rem;font-weight:700;letter-spacing:-.02em;color:var(--encre);text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:4px 16px;font:.85rem -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif}
nav a{color:var(--doux);text-decoration:none}nav a:hover{color:var(--accent)}
h1{line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
h1.home{font-size:1.5rem;margin:0 0 24px}
.card{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--trait)}
.card .im img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;display:block}
.card h2{font-size:1.25rem;line-height:1.3;margin:.2rem 0 .5rem}
.card h2 a{color:var(--encre);text-decoration:none}.card h2 a:hover{color:var(--accent)}
.card p{margin:0;color:var(--doux);font-size:.95rem}
.card .meta,.post .meta{font:.78rem -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}
.post h1{font-size:clamp(1.8rem,5vw,2.6rem);margin:.4rem 0 1rem}
.hero{width:100%;height:auto;border-radius:10px;margin:0 0 1.5rem}
.content iframe{max-width:100%}
.content img{max-width:100%;height:auto}
.back{margin-top:2.5rem}
footer{padding:32px 20px;margin-top:40px;border-top:1px solid var(--trait);font:.85rem -apple-system,sans-serif;color:var(--doux)}
@media(max-width:620px){.card{grid-template-columns:1fr}}