/* v57.83 — Pages publiques statiques (guides, comparatifs) au thème officiel « verre bleu ». Chargée APRÈS le style de la page. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
html, html body { background: #02040a !important; color: #e6edf8 !important; color-scheme: dark; }
body::before { content: ''; position: fixed; inset: -10%; z-index: -1; pointer-events: none; background: url('/faisceaux.svg') center / cover no-repeat; opacity: .55; }
.bascule, #wai-theme { display: none !important; }
header { background: rgba(4, 8, 18, .72) !important; border-bottom: 1px solid rgba(140, 180, 255, .14) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.cta, a.cta { color: #fff !important; background: linear-gradient(180deg, #3d9bff, #1867e8) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 10px 26px -10px rgba(30, 120, 255, .95); }
h1 { color: #fff !important; text-shadow: 0 0 30px rgba(61, 155, 255, .35); }
h2 { color: #fff !important; }
h3, strong { color: #fff !important; }
p, li, td { color: #b9c6da !important; }
.chapo { color: #cfe0f7 !important; }
a { color: #7cc3ff; }
.encart, .fin, .faq, table { background: linear-gradient(160deg, rgba(30, 50, 90, .38), rgba(8, 12, 24, .78)) !important; border: 1px solid rgba(140, 180, 255, .18) !important; border-radius: 18px !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 30px 60px -40px rgba(0, 0, 0, .9); }
.faq { padding: 18px 20px !important; }
table { border-collapse: separate !important; border-spacing: 0; overflow: hidden; }
th { color: #22e3ff !important; background: rgba(34, 227, 255, .06) !important; text-transform: uppercase; font-size: 12px !important; letter-spacing: .06em; text-shadow: 0 0 10px rgba(34, 227, 255, .45); }
tr:hover td { background: rgba(34, 227, 255, .05); }
.fin { border-color: rgba(61, 155, 255, .5) !important; box-shadow: 0 0 40px -14px rgba(61, 155, 255, .8) !important; }
.liens a { color: #cfe0f7 !important; border-bottom-color: rgba(140, 180, 255, .1) !important; }
.liens a:hover { color: #22e3ff !important; text-decoration: none; }
footer { border-top-color: rgba(140, 180, 255, .12) !important; }
footer a { color: #8fa3c0 !important; }
main > .wrap > *, main .wrap > section { animation: vpEntree .8s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes vpEntree { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { main > .wrap > *, main .wrap > section { animation: none; } }