:root{--navy:#0f1f3d;--gold:#c9a84c;--pale:#f5edd8;--fond:#ffffff;--doux:#f8f9fc;--texte:#0f1f3d;--gris:#5b6475;--wa:#25D366}
*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,sans-serif;color:var(--texte);background:var(--fond);line-height:1.6}
a{color:var(--navy)}main{max-width:820px;margin:0 auto;padding:16px}
.entete{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--navy)}
.entete a{color:#fff;text-decoration:none;font-size:.92rem}.entete .marque{font-weight:800;color:var(--gold);font-size:1rem}
.entete nav{display:flex;flex-wrap:wrap;gap:6px 16px}.entete a[aria-current]{color:var(--gold)}
.fil{max-width:820px;margin:0 auto;padding:10px 16px 0;font-size:.85rem;color:var(--gris)}
h1{font-size:1.9rem;line-height:1.2;margin:.6em 0 .3em}h2{font-size:1.3rem;margin-top:1.8em}
.chapeau{font-size:1.1rem;color:var(--gris)}.maj{font-size:.85rem;color:var(--gris)}
.avis{background:var(--pale);border-left:4px solid var(--gold);padding:4px 18px;border-radius:6px}
.tableau{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;padding:8px;border-bottom:1px solid #e3e6ee}th{background:var(--doux)}
.cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:0;list-style:none}
.cartes li{border:1px solid #e3e6ee;border-radius:8px;padding:12px}.cartes a{font-weight:600}
.bouton{display:inline-block;background:var(--wa);color:#fff;font-weight:700;padding:12px 20px;border-radius:999px;text-decoration:none}
.video{position:relative;padding-top:56.25%;margin:16px 0}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:8px}
.pied{background:var(--doux);padding:20px 16px;text-align:center;font-size:.9rem;margin-top:40px}.petit{font-size:.8rem;color:var(--gris)}
.brouillon{background:#fff3cd;border:1px solid #e0c26a;padding:8px 12px;border-radius:6px;font-size:.9rem}