.sx-h{display:flex;align-items:center;gap:22px;max-width:935px;margin:0 auto;padding:14px 16px;border-bottom:1px solid var(--line)}
.sx-logo{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.04em;color:var(--ink);text-decoration:none}
.sx-h nav{display:flex;gap:18px;flex-wrap:wrap}.sx-h nav a{color:var(--muted);font-weight:600;text-decoration:none}.sx-h nav a:hover{color:var(--ink)}
.sx-main{max-width:935px;margin:0 auto;padding:12px 16px 40px}
.sx-bc{font-size:13px;color:var(--muted);margin:14px 0}.sx-bc a{color:var(--muted)}
.sx-pg{display:flex;gap:10px;justify-content:center;margin:24px 0;flex-wrap:wrap}.sx-pg a,.sx-pg span{border:1px solid var(--line);border-radius:999px;padding:7px 14px;text-decoration:none;color:var(--ink);font-weight:600}.sx-pg span{background:var(--ink);color:#fff}
.sx-f{border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center;padding:24px 16px 40px;max-width:935px;margin:0 auto}.sx-f a{color:var(--muted)}
.sx-cta{border:1px solid var(--line);border-radius:16px;padding:18px;margin:26px 0;background:var(--tint)}.sx-cta a.btn{display:inline-block;text-decoration:none;margin-top:8px}
.bl-rel .bc,.bgrid .bc{text-decoration:none;color:inherit}
a.il{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
body.home .page{padding-top:0}

/* ===== menu latéral (sidebar) — vraies pages statiques du blog ===== */
:root{--sw:256px;--cg:linear-gradient(90deg,#ec2f8c,#8b3fd1 55%,#4cd4f2)}
.side{position:fixed;z-index:70;top:0;left:0;bottom:0;width:var(--sw);display:flex;flex-direction:column;background:#0d0b12;color:#e9e6f0;border-right:1px solid #ffffff14;overflow:hidden;overflow-y:auto}
.side-top{display:flex;align-items:center;padding:20px 18px 14px}
.side .side-logo{font-weight:800;font-size:22px;letter-spacing:-.04em;font-style:italic;color:#fff;text-decoration:none}
.side .side-logo b{background:var(--cg);-webkit-background-clip:text;background-clip:text;color:transparent}
.side-nav{display:flex;flex-direction:column;gap:2px;padding:6px 12px}
.side-nav a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;font-weight:600;font-size:14.5px;color:#c9c4d6;text-decoration:none}
.side-nav a .i{width:20px;height:20px;flex:none;stroke:currentColor}
.side-nav a:hover{background:#ffffff10;color:#fff}
.side-nav a[aria-current=page]{background:#ffffff1c;color:#fff;box-shadow:inset 3px 0 0 #ec2f8c}
@media(max-width:999px){.side{display:none}}
@media(min-width:1000px){body{padding-left:var(--sw)}}

/* bas de sidebar : lien "pourquoi", CTA abonnement, connexion/inscription, footer */
.side-extra{display:flex;align-items:center;gap:12px;padding:9px 12px;margin:4px 12px;border-radius:12px;font-weight:600;font-size:14.5px;color:#c9c4d6;text-decoration:none}
.side-extra:hover{background:#ffffff10;color:#fff}
.side-extra em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:3px 8px;background:var(--red,#e4002b);color:#fff}
.side-un{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:3px 8px;background:#12a15026;color:#5be59b}
.side-bot{padding:10px 12px 12px;display:grid;gap:8px;border-top:1px solid #ffffff10;margin-top:auto}
.side-bot .side-up{display:flex;align-items:center;gap:10px;justify-content:center;padding:13px;border-radius:14px;font-weight:800;font-size:14px;background:linear-gradient(90deg,#c9962e,#f4cf48);color:#241a00;text-decoration:none}
.side-bot .side-up .i{width:19px;height:19px;stroke:#241a00}
.side-gu{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.side-gu a{padding:11px;border-radius:12px;text-align:center;font-weight:700;border:1px solid #ffffff26;color:#e9e6f0;text-decoration:none}
.side-gu a:hover{background:#ffffff10}
.side-gu a.pri{background:#fff;color:#0d0b12;border-color:#fff}
.side-ft{display:flex;gap:8px;justify-content:center;font-size:12px;color:#7d788f}
.side-ft a{color:#a9a3bb;text-decoration:none}
.side-ft a:hover{color:#fff}