/* Feuille commune des articles du blog : direction Encre (papier chaud, Lora, prune), clair et sombre. */
@font-face{font-family:Lora;src:url("../font/lora.ttf");font-weight:400 700;font-display:swap}
@font-face{font-family:Lora;font-style:italic;src:url("../font/lora_italic.ttf");font-weight:400 700;font-display:swap}
:root{--paper:#F5F0E6;--ink:#1F1A17;--ink2:#6B655E;--plum:#5D4980;--plum-tint:#EBE4FA;--hair:rgba(31,26,23,.12)}
@media (prefers-color-scheme:dark){:root{--paper:#171311;--ink:#F1EAE0;--ink2:#A39C93;--plum:#B9A8E0;--plum-tint:#2E2740;--hair:rgba(241,234,224,.14)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 Lora,Georgia,serif}
a{color:var(--plum)}
.col{max-width:700px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--hair)}
header .col{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:1040px}
.brand{font:600 20px Lora,serif;color:var(--ink);text-decoration:none}
.btn{display:inline-block;padding:10px 20px;border-radius:999px;background:var(--ink);color:var(--paper);font:600 15px "Segoe UI",system-ui,sans-serif;text-decoration:none}
.meta{font:14px "Segoe UI",system-ui,sans-serif;color:var(--ink2);margin-top:48px}
h1{font-weight:400;font-size:40px;line-height:1.12;letter-spacing:-.4px;margin:12px 0 0}
h2{font-weight:400;font-size:26px;line-height:1.2;margin:48px 0 0}
h3{font-weight:600;font-size:19px;margin:28px 0 0}
p,ul,ol{margin:18px 0 0}
li{margin-top:8px}
.lede{font-size:21px;color:var(--ink2)}
blockquote{margin:24px 0 0;padding:16px 20px;border-left:3px solid var(--plum);background:var(--plum-tint);border-radius:0 8px 8px 0}
.disclosure{margin-top:24px;padding:14px 18px;border-left:3px solid var(--plum);background:var(--plum-tint);border-radius:0 8px 8px 0;font:15.5px/1.55 "Segoe UI",system-ui,sans-serif}
.fiche{margin-top:24px;padding:20px 22px;border:1px solid var(--hair);border-radius:12px}
.fiche dt{font:600 11px "Segoe UI",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--plum);margin-top:14px}
.fiche dt:first-child{margin-top:0}
.fiche dd{margin:4px 0 0}
.fiche-src{font:14px "Segoe UI",system-ui,sans-serif;color:var(--ink2);margin-top:8px}
.tbl{overflow-x:auto;margin-top:20px;border:1px solid var(--hair);border-radius:12px}
table{border-collapse:collapse;width:100%;min-width:620px;font:14.5px/1.45 "Segoe UI",system-ui,sans-serif}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--hair);vertical-align:top}
thead th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
tr:last-child td{border-bottom:0}
.small{font:14px "Segoe UI",system-ui,sans-serif;color:var(--ink2)}
figure{margin:24px 0 0;padding:16px;border:1px solid var(--hair);border-radius:12px}
figure svg{display:block;width:100%;height:auto}
figcaption{font:13.5px/1.5 "Segoe UI",system-ui,sans-serif;color:var(--ink2);margin-top:10px}
.echos{margin-top:56px;padding:24px;border-radius:12px;background:var(--plum-tint)}
.echos h2{margin-top:0}
.sources{font:15px/1.55 "Segoe UI",system-ui,sans-serif;color:var(--ink2)}
.sources li{margin-top:6px}
footer{margin-top:72px;padding:28px 0 40px;border-top:1px solid var(--hair);font:14px "Segoe UI",system-ui,sans-serif;color:var(--ink2)}
footer a{margin-right:16px}