:root{
  --max:1200px;
  --g:24px;
  --bg:#fdfcfb;
  --fg:#2c2c2c;
  --muted:#7a7a7a;
  --br:12px;
}
html{font-family:'EB Garamond',serif,system-ui,-apple-system,"Segoe UI",Roboto;line-height:1.7;color:var(--fg);background:var(--bg)}
body{margin:0}
header,main{max-width:var(--max);margin:auto;padding:24px}
.image-zoom{will-change:transform}
img[width][height]{aspect-ratio: attr(width number) / attr(height number)}
.muted{color:var(--muted)}
.card{border:1px solid #eee;border-radius:var(--br);padding:16px}
table{width:100%;border-collapse:collapse}
th,td{padding:8px;border-bottom:1px solid #eee;text-align:left}
.list{padding-left:18px}
.lux-nav{position:sticky;top:0;background:rgba(253,252,251,.8);backdrop-filter:blur(6px);border-bottom:1px solid #eee;z-index:1000}
.lux-nav-inner{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 24px}
.lux-nav a{color:var(--fg);text-decoration:none}
.lux-nav .brand{font-family:'EB Garamond',serif;font-weight:600;letter-spacing:.02em;font-size:20px}
.lux-nav .links a{margin-left:24px;padding:6px 10px;border-radius:10px}
.lux-nav .links a:hover{background:#f6f6f6}
.lux-footer{border-top:1px solid #eee;background:rgba(253,252,251,.9);width:100%}
.lux-footer-inner{max-width:var(--max);margin:auto;padding:24px;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-start}
.lux-footer a{color:var(--fg);text-decoration:underline;opacity:.9}
.lux-footer a:hover{opacity:1}
.lux-breadcrumb{max-width:var(--max);margin:0 auto 8px auto;padding:0 24px;color:var(--muted);font-size:14px}
.lux-breadcrumb a{color:var(--fg);text-decoration:underline}

/* FAQ (aligné exactement sur l’accordéon de la home) */
.faq{margin-top:16px}
.faq h2{margin:0 0 8px 0}
.faq details{border-bottom:1px solid #e5e7eb;padding:8px 0}
.faq details:last-child{border-bottom:none}
.faq summary{list-style:none;cursor:pointer;position:relative;font-weight:500;padding:8px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"▾";position:absolute;right:0;top:2px;line-height:1;transition:transform .3s ease}
.faq details[open] summary::after{transform:rotate(180deg)}
.faq p{margin:0;padding:12px 0 12px 0;color:#4b5563}