:root{
  --fond:#faf8f5; --encre:#1a1520; --doux:#6b6478; --trait:#e6e0da; --accent:#c42359;
}
:root:not([data-theme="light"]){}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --fond:#0f0d15; --encre:#f2eef5; --doux:#9b93a8; --trait:#2a2436; --accent:#ff5c8a;
  }
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--fond); color:var(--encre);
  font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  padding:48px 22px 96px;
}
main{max-width:660px;margin:0 auto}
h1{font-size:30px;line-height:1.2;margin:0 0 6px;letter-spacing:-.01em}
.date{color:var(--doux);font-size:14px;margin:0 0 36px}
h2{font-size:19px;margin:38px 0 10px;letter-spacing:-.005em}
p,li{color:var(--encre)}
ul{padding-left:20px}
li{margin:5px 0}
a{color:var(--accent)}
hr{border:0;border-top:1px solid var(--trait);margin:44px 0 22px}
footer{color:var(--doux);font-size:14px}
table{border-collapse:collapse;width:100%;margin:12px 0;font-size:15px}
td{border-bottom:1px solid var(--trait);padding:8px 10px 8px 0;vertical-align:top}
td:first-child{color:var(--doux);width:38%}