@charset "UTF-8";

/* =========================================================
   WEDDING GAME — ARTICLE EDITORIAL 2026
   Page : idées / animations de table pour mariage
   Tout est strictement isolé à body.article-table-page.
   Charger ce fichier APRES style.css et legacy-pages.css.
   ========================================================= */

.article-table-page {
  --art-bg:#fbf7f3;
  --art-paper:#ffffff;
  --art-ink:#211c19;
  --art-soft:#453c36;
  --art-muted:#746a63;
  --art-gold:#b6977b;
  --art-gold-dark:#9d8168;
  --art-gold-pale:#eee2d7;
  --art-line:#e6ddd5;
  --art-cream:#f5eee8;
  --art-dark:#211c19;
  --art-max:1180px;
  margin:0;
  padding-top:70px;
  color:var(--art-ink);
  background:var(--art-bg);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.article-table-page *, .article-table-page *::before, .article-table-page *::after { box-sizing:border-box; }
.article-table-page img { max-width:100%; display:block; }
.article-table-page a { color:inherit; text-decoration:none; }

/* NAV — même vocabulaire que le nouveau blog */
.article-table-page #menu,
.article-table-page #menu nav,
.article-table-page #menu .row,
.article-table-page #menu [class*="col-"] { margin:0; padding:0; }
.article-table-page .navbar.navbar-default {
  min-height:70px; margin:0; border:0; border-bottom:1px solid rgba(33,28,25,.10);
  background:rgba(255,255,255,.96); box-shadow:none;
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
.article-table-page .navbar .container {
  width:min(calc(100% - 40px),var(--art-max)); min-height:70px; padding:0;
  display:flex; align-items:center; justify-content:center;
}
.article-table-page .navbar-collapse { width:100%; padding:0; border:0; box-shadow:none; }
.article-table-page .navbar-nav.navbar-center {
  float:none; margin:0; display:flex; justify-content:center; align-items:center; gap:8px;
}
.article-table-page .navbar-nav>li { float:none; }
.article-table-page .navbar-nav>li>a.navbar-brand {
  height:auto; min-height:70px; padding:0 19px; display:flex; align-items:center;
  color:var(--art-ink); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;
}
.article-table-page .navbar-nav>li>a.navbar-brand:hover,
.article-table-page .navbar-nav>li>a.navbar-brand:focus { color:var(--art-gold-dark); background:transparent; }
.article-table-page .horizontal-nav {
  position:fixed; top:0; right:-270px; width:270px; height:100%; padding-top:70px; z-index:1500;
  background:var(--art-dark); box-shadow:-18px 0 48px rgba(0,0,0,.16); transition:right .3s ease;
}
.article-table-page .horizontal-nav.open { right:0; }
.article-table-page .horizontal-nav a {
  display:block; padding:17px 22px; color:rgba(255,255,255,.72); font-size:13px; font-weight:800; letter-spacing:.09em;
}
.article-table-page .horizontal-nav a:hover { color:#fff; background:rgba(255,255,255,.06); }
.article-table-page .navbar-toggle { border-color:var(--art-ink); margin-top:17px; margin-right:0; }
.article-table-page .navbar-toggle .icon-bar { background:var(--art-ink); }

/* BASE LAYOUT */
.article-table-page main.article-main {
  width:min(calc(100% - 40px),var(--art-max)); margin:0 auto; padding:0 0 96px;
}
.article-table-page .article-logo-row { margin:0; padding:48px 0 16px; }
.article-table-page .article-logo-row>div { float:none; margin:0 auto; }
.article-table-page .class-logo { width:min(220px,68vw); max-height:88px; margin:0 auto; object-fit:contain; }

/* HERO TITRE */
.article-table-page .article-hero-title { max-width:1010px; margin:0 auto; padding:54px 0 62px; text-align:center; }
.article-table-page .article-eyebrow,
.article-table-page .section-kicker {
  margin:0 0 20px; color:var(--art-gold-dark); font-size:11px; font-weight:900; letter-spacing:.20em; text-transform:uppercase;
}
.article-table-page .h1-title {
  margin:0; color:var(--art-ink); font-family:"Playfair Display","Iowan Old Style",Baskerville,Georgia,serif;
  font-size:clamp(48px,6.5vw,88px); font-weight:400; line-height:.98; letter-spacing:-.047em; text-wrap:balance;
}
.article-table-page .article-dek {
  max-width:760px; margin:28px auto 0; color:var(--art-muted); font-size:clamp(17px,1.5vw,20px); line-height:1.55;
}
.article-table-page .article-dek::after { content:""; display:block; width:70px; height:3px; margin:30px auto 0; background:var(--art-gold); }

/* Neutralise l'ancienne structure Bootstrap de l'article */
.article-table-page .article-main>.container-fluid { width:100%; padding:0; margin:0; }
.article-table-page .article-shell { margin:0; padding:0; background:transparent; box-shadow:none; border:0; text-align:left; }
.article-table-page .article-content { width:100%; padding:0; float:none; }

/* INTRO EDITORIALE */
.article-table-page .article-intro {
  display:grid; grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr); align-items:stretch;
  background:var(--art-paper); border:1px solid var(--art-line); box-shadow:0 16px 42px rgba(50,39,32,.055);
}
.article-table-page .article-hero-media { margin:0; min-height:560px; position:relative; overflow:hidden; background:#e8dfd7; }
.article-table-page .article-hero-image { width:100%; height:100%; min-height:560px; object-fit:cover; }
.article-table-page .article-caption {
  margin:0; padding:12px 16px; color:#756a62; background:rgba(255,255,255,.96); font-size:12px; line-height:1.45;
}
.article-table-page .article-hero-media .article-caption {
  position:absolute; left:18px; bottom:18px; max-width:70%; border:1px solid rgba(33,28,25,.08); box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.article-table-page .article-intro-copy { padding:clamp(42px,5vw,68px); display:flex; flex-direction:column; justify-content:center; }
.article-table-page .intro-title {
  margin:0 0 28px; font-family:"Playfair Display","Iowan Old Style",Baskerville,Georgia,serif;
  font-size:clamp(38px,4vw,58px); font-weight:400; line-height:1.02; letter-spacing:-.04em;
}
.article-table-page .article-paragraph { margin:0 0 18px; color:var(--art-soft); font-size:16px; line-height:1.72; }
.article-table-page .article-paragraph:last-child { margin-bottom:0; }
.article-table-page .article-paragraph strong { font-weight:650; }

/* SOMMAIRE */
.article-table-page .article-toc { margin:34px 0 76px; border-top:1px solid var(--art-line); border-bottom:1px solid var(--art-line); }
.article-table-page .article-toc-head {
  min-height:54px; padding:0 4px; display:flex; align-items:center; justify-content:space-between; gap:20px;
  color:var(--art-muted); font-size:11px; font-weight:800; letter-spacing:.10em; text-transform:uppercase;
}
.article-table-page .article-toc-head span:first-child { color:var(--art-gold-dark); }
.article-table-page .article-toc-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--art-line); }
.article-table-page .article-toc-list a {
  min-height:68px; padding:14px 16px; display:grid; grid-template-columns:36px 1fr; align-items:center; gap:12px;
  border-bottom:1px solid var(--art-line); transition:background .2s ease,color .2s ease;
}
.article-table-page .article-toc-list a:nth-child(odd) { border-right:1px solid var(--art-line); }
.article-table-page .article-toc-list a:nth-last-child(-n+2) { border-bottom:0; }
.article-table-page .article-toc-list a:hover { background:var(--art-paper); color:var(--art-gold-dark); }
.article-table-page .article-toc-list a span { color:var(--art-gold); font-size:12px; font-weight:900; letter-spacing:.08em; }
.article-table-page .article-toc-list a strong { font-size:14px; font-weight:700; line-height:1.3; }

/* CHAPITRES 01—10 */
.article-table-page .idea-chapter { padding:74px 0 82px; border-top:1px solid var(--art-line); scroll-margin-top:95px; }
.article-table-page .idea-head { display:grid; grid-template-columns:74px 1fr; gap:26px; align-items:start; margin-bottom:38px; }
.article-table-page .idea-number {
  width:58px; height:58px; display:grid; place-items:center; background:var(--art-gold); color:#fff;
  font-size:12px; font-weight:900; letter-spacing:.12em; box-shadow:6px 6px 0 var(--art-gold-pale);
}
.article-table-page .idea-title {
  max-width:900px; margin:0; color:var(--art-ink); font-family:"Playfair Display","Iowan Old Style",Baskerville,Georgia,serif;
  font-size:clamp(38px,4.9vw,66px); font-weight:400; line-height:1; letter-spacing:-.043em;
}
.article-table-page .idea-grid.has-media {
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr); gap:clamp(42px,6vw,82px); align-items:start;
}
.article-table-page .idea-chapter.media-left .idea-copy { order:2; }
.article-table-page .idea-chapter.media-left .idea-media { order:1; }
.article-table-page .idea-grid.no-media { max-width:850px; margin-left:100px; }
.article-table-page .idea-copy { min-width:0; }
.article-table-page .idea-question {
  margin:0 0 24px; padding:18px 0 18px 20px; border-left:3px solid var(--art-gold);
  color:var(--art-gold-dark); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:18px; font-weight:750; line-height:1.35; letter-spacing:-.015em;
}
.article-table-page .idea-text { margin:0 0 20px; color:var(--art-soft); font-size:16px; line-height:1.72; }
.article-table-page .idea-text strong { font-weight:650; }
.article-table-page .idea-tips {
  margin:26px 0; padding:24px 26px; border:1px solid var(--art-line); background:var(--art-cream); color:var(--art-soft);
}
.article-table-page .idea-tips strong:first-child { color:var(--art-gold-dark); }
.article-table-page .idea-tips.has-example,
.article-table-page .idea-text.has-example { position:relative; }
.article-table-page .idea-tips.has-example::before {
  content:"À RETENIR"; display:block; margin:0 0 10px; color:var(--art-gold-dark); font-size:10px; font-weight:900; letter-spacing:.14em;
}
.article-table-page .idea-media { margin:0; position:sticky; top:100px; background:var(--art-paper); border:1px solid var(--art-line); overflow:hidden; }
.article-table-page .idea-image { width:100%; aspect-ratio:4/3; object-fit:cover; transition:transform .45s cubic-bezier(.2,.7,.2,1); }
.article-table-page .idea-media:hover .idea-image { transform:scale(1.025); }
.article-table-page .idea-media .article-caption { border-top:1px solid var(--art-line); }

/* PROMO WEDDING GAME intégré dans l'article */
.article-table-page .article-promo { width:100%; margin:30px 0; padding:0; float:none; }
.article-table-page .article-promo-inner {
  padding:28px 30px; background:var(--art-dark); color:#fff; border:0; box-shadow:none;
}
.article-table-page .article-promo-inner .titre-fenetre {
  margin:0 0 9px; color:var(--art-gold); font-size:10px; font-weight:900; letter-spacing:.15em; text-transform:uppercase;
}
.article-table-page .article-promo-inner .h2-blanc {
  margin:0 0 14px; color:#fff; font-family:"Playfair Display",Georgia,serif; font-size:30px; font-weight:400; line-height:1.05;
}
.article-table-page .article-promo-inner .p1 { margin:0; color:rgba(255,255,255,.78); font-size:14px; line-height:1.6; }
.article-table-page .article-promo-inner a { color:#fff; border-bottom:1px solid var(--art-gold); }

/* CONCLUSION */
.article-table-page .article-conclusion {
  margin:78px 0 32px; padding:clamp(42px,6vw,72px); background:var(--art-gold); color:#fff; border:0; box-shadow:none; text-align:left;
}
.article-table-page .conclusion-title {
  max-width:900px; margin:0 0 30px; color:#fff; font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(38px,5vw,66px); font-weight:400; line-height:1; letter-spacing:-.04em;
}
.article-table-page .conclusion-text { max-width:920px; margin:0 0 18px; color:rgba(255,255,255,.88); font-size:16px; line-height:1.72; }
.article-table-page .conclusion-text:last-child { margin-bottom:0; }
.article-table-page .article-next-links {
  margin:0 0 80px; padding:24px 28px; border:1px solid var(--art-line); background:var(--art-paper); color:var(--art-soft); font-size:15px;
}
.article-table-page .article-next-links a { color:var(--art-gold-dark); border-bottom:1px solid var(--art-gold); }

/* RELATED */
.article-table-page .related-section { padding:0 0 28px; }
.article-table-page .related-title {
  margin:0 0 34px; font-family:"Playfair Display",Georgia,serif; font-size:clamp(42px,5vw,64px); font-weight:400; line-height:1; letter-spacing:-.04em;
}
.article-table-page .related-grid { width:100%; padding:0; margin:0; }
.article-table-page .related-grid>section { margin:0 -12px; display:flex; flex-wrap:wrap; }
.article-table-page .related-card-wrap { width:50%; padding:0 12px; float:none; display:flex; }
.article-table-page .related-card {
  width:100%; overflow:hidden; border:1px solid var(--art-line); background:var(--art-paper);
  box-shadow:0 12px 34px rgba(50,39,32,.055); transition:transform .25s ease,box-shadow .25s ease;
}
.article-table-page .related-card:hover { transform:translateY(-5px); box-shadow:0 22px 48px rgba(50,39,32,.10); }
.article-table-page .related-card>a:first-child { display:block; overflow:hidden; }
.article-table-page .related-image { width:100%; aspect-ratio:16/10; object-fit:cover; transition:transform .4s ease; }
.article-table-page .related-card:hover .related-image { transform:scale(1.025); }
.article-table-page .related-eyebrow { margin:24px 26px 7px; color:var(--art-gold-dark); font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.article-table-page .related-card-title { margin:0; padding:0 26px 28px; color:var(--art-ink); font-family:"Playfair Display",Georgia,serif; font-size:30px; font-weight:400; line-height:1.08; }
.article-table-page .related-card-title a { color:inherit; }

/* CONTACT + FOOTER — cohérents mais sans modifier les autres pages */
.article-table-page .article-contact { width:min(calc(100% - 40px),var(--art-max)); margin:0 auto 72px; }
.article-table-page .article-footer { margin:0; padding:54px 0 26px; background:var(--art-dark); color:#fff; }
.article-table-page .article-footer>.row { width:min(calc(100% - 40px),var(--art-max)); margin:0 auto; }
.article-table-page .article-footer p { color:rgba(255,255,255,.68); font-size:13px; line-height:1.6; }
.article-table-page .article-footer a { color:#fff; }
.article-table-page .article-footer .logo-footer { width:180px; max-height:84px; margin:0 auto; object-fit:contain; filter:brightness(0) invert(1); }

/* RESPONSIVE */
@media (max-width: 940px) {
  .article-table-page { padding-top:70px; }
  .article-table-page .navbar .container { justify-content:flex-end; }
  .article-table-page .navbar-header { width:100%; }
  .article-table-page .navbar-toggle { display:block; }
  .article-table-page .navbar-collapse { display:none !important; }
  .article-table-page .article-intro { grid-template-columns:1fr; }
  .article-table-page .article-hero-media, .article-table-page .article-hero-image { min-height:430px; }
  .article-table-page .article-toc { margin-bottom:56px; }
  .article-table-page .idea-grid.has-media { grid-template-columns:1fr; gap:30px; }
  .article-table-page .idea-chapter.media-left .idea-copy,
  .article-table-page .idea-chapter.media-left .idea-media { order:initial; }
  .article-table-page .idea-media { position:relative; top:auto; }
  .article-table-page .idea-grid.no-media { margin-left:84px; max-width:none; }
}

@media (max-width: 640px) {
  .article-table-page { font-size:15.5px; }
  .article-table-page main.article-main { width:min(calc(100% - 28px),var(--art-max)); padding-bottom:66px; }
  .article-table-page .article-logo-row { padding:34px 0 8px; }
  .article-table-page .article-hero-title { padding:38px 0 46px; }
  .article-table-page .article-eyebrow { font-size:9px; letter-spacing:.16em; }
  .article-table-page .h1-title { font-size:clamp(42px,13vw,60px); }
  .article-table-page .article-dek { margin-top:20px; font-size:16px; }
  .article-table-page .article-intro { border-left:0; border-right:0; }
  .article-table-page .article-hero-media, .article-table-page .article-hero-image { min-height:300px; }
  .article-table-page .article-hero-media .article-caption { left:10px; right:10px; bottom:10px; max-width:none; }
  .article-table-page .article-intro-copy { padding:34px 22px 38px; }
  .article-table-page .intro-title { font-size:38px; }
  .article-table-page .article-paragraph { font-size:15px; }
  .article-table-page .article-toc { margin:24px 0 48px; }
  .article-table-page .article-toc-head { align-items:flex-start; flex-direction:column; justify-content:center; gap:4px; padding:12px 0; }
  .article-table-page .article-toc-list { grid-template-columns:1fr; }
  .article-table-page .article-toc-list a,
  .article-table-page .article-toc-list a:nth-child(odd) { border-right:0; border-bottom:1px solid var(--art-line); }
  .article-table-page .article-toc-list a:last-child { border-bottom:0; }
  .article-table-page .idea-chapter { padding:52px 0 58px; }
  .article-table-page .idea-head { grid-template-columns:48px 1fr; gap:16px; margin-bottom:28px; }
  .article-table-page .idea-number { width:44px; height:44px; box-shadow:4px 4px 0 var(--art-gold-pale); }
  .article-table-page .idea-title { font-size:clamp(36px,11vw,48px); }
  .article-table-page .idea-question { padding-left:16px; font-size:16px; }
  .article-table-page .idea-text { font-size:15px; line-height:1.68; }
  .article-table-page .idea-tips { padding:20px; }
  .article-table-page .idea-grid.no-media { margin-left:0; }
  .article-table-page .idea-image { aspect-ratio:4/3; }
  .article-table-page .article-promo-inner { padding:24px 22px; }
  .article-table-page .article-promo-inner .h2-blanc { font-size:26px; }
  .article-table-page .article-conclusion { margin-top:52px; padding:38px 24px; }
  .article-table-page .conclusion-title { font-size:40px; }
  .article-table-page .conclusion-text { font-size:15px; }
  .article-table-page .article-next-links { margin-bottom:58px; padding:21px 20px; }
  .article-table-page .related-card-wrap { width:100%; padding:0 0 18px; }
  .article-table-page .related-grid>section { margin:0; }
  .article-table-page .related-card-title { font-size:27px; }
  .article-table-page .article-contact { width:min(calc(100% - 28px),var(--art-max)); margin-bottom:54px; }
}

@media (prefers-reduced-motion: reduce) {
  .article-table-page *, .article-table-page *::before, .article-table-page *::after { transition:none !important; scroll-behavior:auto !important; }
}

/* =========================================================
   EXTENSION — PAGE "MEILLEURE ANIMATION DE MARIAGE"
   Même système graphique, uniquement pour les composants
   supplémentaires de ce guide. Le fichier reste partagé.
   ========================================================= */
.article-table-page.best-animation-page .guide-feature,
.article-table-page.best-animation-page .editorial-advice,
.article-table-page.best-animation-page .faq-editorial {
  margin:0 0 78px;
}
.article-table-page.best-animation-page .guide-feature {
  padding:clamp(38px,5vw,62px);
  background:var(--art-paper);
  border:1px solid var(--art-line);
  box-shadow:0 16px 42px rgba(50,39,32,.055);
  scroll-margin-top:95px;
}
.article-table-page.best-animation-page .guide-feature-title,
.article-table-page.best-animation-page .category-title {
  max-width:980px;
  margin:0 0 24px;
  color:var(--art-ink);
  font-family:"Playfair Display","Iowan Old Style",Baskerville,Georgia,serif;
  font-size:clamp(40px,5vw,66px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.043em;
}
.article-table-page.best-animation-page .guide-feature-intro {
  max-width:900px;
  margin:0 0 30px;
  color:var(--art-soft);
  font-size:16px;
  line-height:1.72;
}
.article-table-page.best-animation-page .editorial-table-wrap {
  width:100%;
  overflow-x:auto;
  border:1px solid var(--art-line);
  background:#fff;
}
.article-table-page.best-animation-page .editorial-comparison-table {
  width:100%;
  min-width:860px;
  margin:0;
  border-collapse:collapse;
  color:var(--art-soft);
  font-size:14px;
  line-height:1.45;
}
.article-table-page.best-animation-page .editorial-comparison-table th,
.article-table-page.best-animation-page .editorial-comparison-table td {
  padding:16px 18px;
  border:0;
  border-bottom:1px solid var(--art-line);
  border-right:1px solid var(--art-line);
  vertical-align:top;
  text-align:left;
}
.article-table-page.best-animation-page .editorial-comparison-table th:last-child,
.article-table-page.best-animation-page .editorial-comparison-table td:last-child { border-right:0; }
.article-table-page.best-animation-page .editorial-comparison-table tr:last-child td { border-bottom:0; }
.article-table-page.best-animation-page .editorial-comparison-table thead th {
  background:var(--art-dark);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.article-table-page.best-animation-page .editorial-comparison-table tbody tr:nth-child(even) { background:var(--art-cream); }
.article-table-page.best-animation-page .editorial-comparison-table a { color:var(--art-gold-dark); border-bottom:1px solid var(--art-gold-pale); }

.article-table-page.best-animation-page .editorial-advice {
  padding:0 0 18px;
  scroll-margin-top:95px;
}
.article-table-page.best-animation-page .advice-title {
  margin:34px 0 10px;
  padding-left:18px;
  border-left:3px solid var(--art-gold);
  color:var(--art-gold-dark);
  font-size:18px;
  font-weight:800;
  line-height:1.35;
}
.article-table-page.best-animation-page .advice-text {
  max-width:930px;
  margin:0 0 18px;
  color:var(--art-soft);
  font-size:16px;
  line-height:1.72;
}
.article-table-page.best-animation-page .category-intro {
  margin:92px 0 0;
  padding:0 0 30px;
  border-bottom:1px solid var(--art-line);
  scroll-margin-top:95px;
}
.article-table-page.best-animation-page .category-title { margin-bottom:0; }
.article-table-page.best-animation-page .idea-chapter:first-of-type { border-top:0; }
.article-table-page.best-animation-page .idea-text.idea-tips {
  margin-top:26px;
  padding:24px 26px;
  border:1px solid var(--art-line);
  background:var(--art-cream);
}
.article-table-page.best-animation-page .editorial-method { margin-top:52px; }
.article-table-page.best-animation-page .method-list {
  margin:20px 0 0;
  padding:0 0 0 18px;
  color:rgba(255,255,255,.80);
  font-size:14px;
  line-height:1.7;
}
.article-table-page.best-animation-page .method-list li { margin:7px 0; }

.article-table-page.best-animation-page .faq-editorial {
  padding:78px 0 26px;
  scroll-margin-top:95px;
}
.article-table-page.best-animation-page .faq-item {
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  gap:48px;
  padding:28px 0;
  border-top:1px solid var(--art-line);
}
.article-table-page.best-animation-page .faq-item:last-child { border-bottom:1px solid var(--art-line); }
.article-table-page.best-animation-page .faq-question {
  margin:0;
  color:var(--art-ink);
  font-family:"Playfair Display",Georgia,serif;
  font-size:26px;
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
}
.article-table-page.best-animation-page .faq-answer {
  margin:0;
  color:var(--art-soft);
  font-size:15px;
  line-height:1.7;
}
.article-table-page.best-animation-page .article-intro-copy small { color:var(--art-muted); }

@media (max-width:940px) {
  .article-table-page.best-animation-page .faq-item { grid-template-columns:1fr; gap:12px; }
}
@media (max-width:640px) {
  .article-table-page.best-animation-page .guide-feature { padding:32px 20px; margin-bottom:58px; }
  .article-table-page.best-animation-page .guide-feature-title,
  .article-table-page.best-animation-page .category-title { font-size:40px; }
  .article-table-page.best-animation-page .category-intro { margin-top:62px; }
  .article-table-page.best-animation-page .advice-text { font-size:15px; }
  .article-table-page.best-animation-page .faq-editorial { padding-top:54px; }
  .article-table-page.best-animation-page .faq-question { font-size:23px; }
}



/* =========================================================
   BREADCRUMB PARTAGÉ — BLOG + ARTICLES
   ========================================================= */
.wg-breadcrumb{
  width:min(calc(100% - 40px),1180px);
  margin:24px auto 0;
  padding:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:1.4;
  color:#746a63;
}
.wg-breadcrumb ol{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:0;
  padding:0;
  list-style:none;
}
.wg-breadcrumb li{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0;
  padding:0;
}
.wg-breadcrumb li:not(:last-child)::after{
  content:"›";
  color:#b6977b;
  font-weight:700;
}
.wg-breadcrumb a{
  color:#746a63;
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.wg-breadcrumb a:hover{
  color:#9d8168;
  border-bottom-color:#b6977b;
}
.wg-breadcrumb [aria-current="page"]{
  color:#211c19;
  font-weight:700;
}
.blog-page .wg-breadcrumb{
  margin-top:34px;
  margin-bottom:14px;
}

/* =========================================================
   EXTENSION — ANCIENNES PAGES PASSÉES AU DESIGN ÉDITORIAL
   Même fichier partagé : aucun nouveau CSS.
   ========================================================= */
.article-table-page.legacy-editorial-page .legacy-article-shell{
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  text-align:left;
}
.article-table-page.legacy-editorial-page .legacy-article-content{
  width:100%;
  padding:0;
  margin:0;
  float:none;
  text-align:left;
}
.article-table-page.legacy-editorial-page .legacy-intro{
  margin-bottom:0;
}
.article-table-page.legacy-editorial-page .legacy-section-title{
  max-width:980px;
  margin:88px 0 32px;
  padding:0;
  color:var(--art-ink);
  font-family:"Playfair Display","Iowan Old Style",Baskerville,Georgia,serif;
  font-size:clamp(40px,5vw,66px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.043em;
  text-align:left;
  scroll-margin-top:95px;
}
.article-table-page.legacy-editorial-page .legacy-section-title::before{
  content:"";
  display:block;
  width:54px;
  height:3px;
  margin:0 0 22px;
  background:var(--art-gold);
}
.article-table-page.legacy-editorial-page .legacy-subtitle{
  max-width:900px;
  margin:42px 0 18px;
  padding:0 0 0 18px;
  border-left:3px solid var(--art-gold);
  color:var(--art-gold-dark);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;
  font-size:20px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:-.015em;
  text-align:left;
}
.article-table-page.legacy-editorial-page .legacy-paragraph{
  max-width:930px;
  margin:0 0 22px;
  color:var(--art-soft);
  font-size:16px;
  line-height:1.75;
  text-align:left;
}
.article-table-page.legacy-editorial-page .legacy-paragraph strong{
  font-weight:650;
}
.article-table-page.legacy-editorial-page .legacy-image{
  width:100%;
  max-width:980px;
  max-height:680px;
  margin:34px auto 12px;
  object-fit:cover;
  border:1px solid var(--art-line);
  background:var(--art-paper);
  box-shadow:0 14px 34px rgba(50,39,32,.06);
}
.article-table-page.legacy-editorial-page .legacy-image + .legacy-paragraph{
  max-width:980px;
  margin:0 auto 36px;
  color:var(--art-muted);
  font-size:12px;
  line-height:1.5;
}
.article-table-page.legacy-editorial-page .back-beige,
.article-table-page.legacy-editorial-page .back-gris,
.article-table-page.legacy-editorial-page .section-ombre-3,
.article-table-page.legacy-editorial-page .section-ombre-4{
  max-width:930px;
  margin:32px 0;
  padding:28px 30px;
  border:1px solid var(--art-line);
  background:var(--art-cream);
  box-shadow:none;
}
.article-table-page.legacy-editorial-page .back-beige .legacy-paragraph,
.article-table-page.legacy-editorial-page .back-gris .legacy-paragraph,
.article-table-page.legacy-editorial-page .section-ombre-3.legacy-paragraph,
.article-table-page.legacy-editorial-page .section-ombre-4.legacy-paragraph{
  margin-bottom:0;
}
.article-table-page.legacy-editorial-page .buttom-code{
  margin:10px 0 32px;
  padding:15px 24px;
  border:1px solid var(--art-dark);
  border-radius:0;
  background:var(--art-dark);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  box-shadow:none;
}
.article-table-page.legacy-editorial-page .buttom-code:hover,
.article-table-page.legacy-editorial-page .buttom-code:focus{
  background:var(--art-gold-dark);
  border-color:var(--art-gold-dark);
  color:#fff;
}
.article-table-page.legacy-editorial-page .embed-responsive{
  margin:24px 0 70px;
  border:1px solid var(--art-line);
  background:#000;
}
.article-table-page.legacy-editorial-page .my-4{
  width:100%;
  margin:64px 0 0;
  padding:0;
}
.article-table-page.legacy-editorial-page .my-4 .blue{
  margin:0 0 24px;
  color:var(--art-ink);
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(34px,4vw,52px);
  font-weight:400;
  line-height:1.05;
}
.article-table-page.legacy-editorial-page main.article-main > .h2,
.article-table-page.legacy-editorial-page main.article-main > h2{
  margin:80px 0 30px;
  color:var(--art-ink);
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(38px,4.8vw,60px);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.04em;
}
.article-table-page.legacy-editorial-page main.article-main > .container-fluid.col-lg-12.section-ombre{
  width:100%;
  float:none;
  margin:0 0 74px;
  padding:0;
  background:transparent;
  box-shadow:none;
}
.article-table-page.legacy-editorial-page main.article-main > .container-fluid.col-lg-12.section-ombre .row{
  margin-left:-12px;
  margin-right:-12px;
}
.article-table-page.legacy-editorial-page main.article-main > .container-fluid.col-lg-12.section-ombre [class*="col-lg-6"]{
  padding:12px;
}
.article-table-page.legacy-editorial-page main.article-main > .container-fluid.col-lg-12.section-ombre [class*="col-lg-6"] > a,
.article-table-page.legacy-editorial-page main.article-main > .container-fluid.col-lg-12.section-ombre [class*="col-lg-6"] > img{
  display:block;
}
.article-table-page.legacy-editorial-page main.article-main > .container-fluid.col-lg-12.section-ombre .img-avis{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
}
.article-table-page.legacy-editorial-page main.article-main > .container-fluid.col-lg-12.section-ombre .titre-fenetre{
  margin:20px 22px 8px;
  color:var(--art-gold-dark);
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.article-table-page.legacy-editorial-page main.article-main > .container-fluid.col-lg-12.section-ombre .h2-blanc{
  margin:0 22px 12px;
  color:var(--art-ink);
  font-family:"Playfair Display",Georgia,serif;
  font-size:26px;
  font-weight:400;
  line-height:1.08;
}
.article-table-page.legacy-editorial-page main.article-main > .container-fluid.col-lg-12.section-ombre .p1{
  margin:0 22px 24px;
  color:var(--art-soft);
  font-size:14px;
  line-height:1.6;
}

/* Page jeux : les blocs historiques en colonnes deviennent des cartes propres */
.article-table-page.wedding-games-page .color-container{
  margin:0;
  padding:54px 0;
  background:var(--art-dark);
  color:#fff;
}
.article-table-page.wedding-games-page .color-container .h2-blanc{
  margin:0 0 28px;
  color:#fff;
  font-family:"Playfair Display",Georgia,serif;
  font-size:34px;
  font-weight:400;
}
.article-table-page.wedding-games-page .color-container .row{
  width:min(calc(100% - 40px),var(--art-max));
  margin:0 auto;
}
.article-table-page.wedding-games-page .color-container img{
  max-height:76px;
  margin:12px auto;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.82;
}
.article-table-page.wedding-games-page .img-back{
  display:none!important;
}

/* Footer commun sur les trois pages repensées */
.article-table-page.legacy-editorial-page footer.footer{
  margin:0;
  padding:54px 0 26px;
  background:var(--art-dark);
  color:#fff;
}
.article-table-page.legacy-editorial-page footer.footer > .row{
  width:min(calc(100% - 40px),var(--art-max));
  margin:0 auto;
}
.article-table-page.legacy-editorial-page footer.footer p{
  color:rgba(255,255,255,.68);
  font-size:13px;
  line-height:1.6;
}
.article-table-page.legacy-editorial-page footer.footer a{color:#fff;}
.article-table-page.legacy-editorial-page footer.footer .logo-footer{
  width:180px;
  max-height:84px;
  margin:0 auto;
  object-fit:contain;
  filter:brightness(0) invert(1);
}

/* Le guide très long garde une lecture aérée */
.article-table-page.wedding-guide-page .legacy-article-content > br{
  display:none;
}
.article-table-page.wedding-guide-page .legacy-section-title{
  margin-top:104px;
}
.article-table-page.original-animation-page .legacy-article-content > br{
  display:none;
}

@media(max-width:940px){
  .article-table-page.legacy-editorial-page .legacy-section-title{margin-top:70px;}
  .article-table-page.legacy-editorial-page main.article-main > .container-fluid.col-lg-12.section-ombre [class*="col-lg-6"]{
    width:50%;
    float:left;
  }
}
@media(max-width:640px){
  .wg-breadcrumb{
    width:min(calc(100% - 28px),1180px);
    margin-top:18px;
    font-size:11px;
  }
  .article-table-page.legacy-editorial-page .legacy-section-title{
    margin-top:58px;
    font-size:40px;
  }
  .article-table-page.legacy-editorial-page .legacy-subtitle{
    margin-top:32px;
    font-size:17px;
  }
  .article-table-page.legacy-editorial-page .legacy-paragraph{
    font-size:15px;
    line-height:1.7;
  }
  .article-table-page.legacy-editorial-page .back-beige,
  .article-table-page.legacy-editorial-page .back-gris,
  .article-table-page.legacy-editorial-page .section-ombre-3,
  .article-table-page.legacy-editorial-page .section-ombre-4{
    padding:22px 20px;
  }
  .article-table-page.legacy-editorial-page main.article-main > .container-fluid.col-lg-12.section-ombre [class*="col-lg-6"]{
    width:100%;
    float:none;
  }
}


/* =========================================================
   EXTENSION — POURQUOI CHOISIR UN ESCAPE GAME POUR SON MARIAGE
   Même fichier CSS partagé que les autres articles.
   ========================================================= */
.article-table-page.escape-animation-page .escape-answer-box{
  margin:34px 0 70px;
  padding:clamp(30px,4.5vw,50px);
  border:1px solid var(--art-line);
  background:var(--art-paper);
  box-shadow:0 16px 42px rgba(50,39,32,.055);
}
.article-table-page.escape-animation-page .escape-answer-box h2{
  max-width:900px;
  margin:0 0 18px;
  color:var(--art-ink);
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(34px,4.5vw,54px);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.035em;
}
.article-table-page.escape-animation-page .escape-answer-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 34px;
  margin-top:28px;
}
.article-table-page.escape-animation-page .escape-answer-item{
  padding:20px 0;
  border-top:1px solid var(--art-line);
}
.article-table-page.escape-animation-page .escape-answer-item strong{
  display:block;
  margin-bottom:7px;
  color:var(--art-gold-dark);
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.article-table-page.escape-animation-page .escape-answer-item p{
  margin:0;
  color:var(--art-soft);
  font-size:15px;
  line-height:1.65;
}
.article-table-page.escape-animation-page .article-video{
  margin:0;
  position:sticky;
  top:100px;
  border:1px solid var(--art-line);
  background:#000;
  box-shadow:0 14px 34px rgba(50,39,32,.06);
}
.article-table-page.escape-animation-page .article-video .embed-responsive{
  margin:0;
  border:0;
}
.article-table-page.escape-animation-page .video-caption{
  margin:0;
  padding:12px 16px;
  color:var(--art-muted);
  background:var(--art-paper);
  font-size:12px;
  line-height:1.45;
}
.article-table-page.escape-animation-page .review-proof{
  margin:70px 0 18px;
  padding:clamp(34px,5vw,58px);
  background:var(--art-dark);
  color:#fff;
}
.article-table-page.escape-animation-page .review-proof .section-kicker{color:var(--art-gold);}
.article-table-page.escape-animation-page .review-proof h2{
  margin:0 0 16px;
  color:#fff;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(36px,4.8vw,58px);
  font-weight:400;
  line-height:1.02;
}
.article-table-page.escape-animation-page .review-proof>p{
  max-width:850px;
  margin:0 0 26px;
  color:rgba(255,255,255,.76);
  line-height:1.7;
}
.article-table-page.escape-animation-page .review-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:26px 0;
}
.article-table-page.escape-animation-page .review-grid img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.12);
}
.article-table-page.escape-animation-page #wp-widget-preview{
  color:rgba(255,255,255,.78);
  font-size:13px;
}
.article-table-page.escape-animation-page #wp-widget-preview a{color:#fff;border-bottom:1px solid var(--art-gold);}
.article-table-page.escape-animation-page #wp-widget-preview img{display:inline-block;max-height:20px;width:auto;vertical-align:middle;}
.article-table-page.escape-animation-page .faq-editorial{
  margin:78px 0 34px;
  padding-top:12px;
  scroll-margin-top:95px;
}
.article-table-page.escape-animation-page .faq-title{
  margin:0 0 30px;
  color:var(--art-ink);
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(40px,5vw,66px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.043em;
}
.article-table-page.escape-animation-page .faq-item{
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  gap:48px;
  padding:28px 0;
  border-top:1px solid var(--art-line);
}
.article-table-page.escape-animation-page .faq-item:last-child{border-bottom:1px solid var(--art-line);}
.article-table-page.escape-animation-page .faq-question{
  margin:0;
  color:var(--art-ink);
  font-family:"Playfair Display",Georgia,serif;
  font-size:25px;
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
}
.article-table-page.escape-animation-page .faq-answer{
  margin:0;
  color:var(--art-soft);
  font-size:15px;
  line-height:1.72;
}
.article-table-page.escape-animation-page .escape-cta{
  margin:68px 0 28px;
  padding:clamp(38px,5vw,62px);
  background:var(--art-gold);
  color:#fff;
}
.article-table-page.escape-animation-page .escape-cta h2{
  max-width:900px;
  margin:0 0 18px;
  color:#fff;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(38px,5vw,62px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.04em;
}
.article-table-page.escape-animation-page .escape-cta p{
  max-width:900px;
  margin:0 0 24px;
  color:rgba(255,255,255,.90);
  font-size:16px;
  line-height:1.7;
}
.article-table-page.escape-animation-page .escape-cta a.escape-cta-link{
  display:inline-block;
  padding:14px 20px;
  border:1px solid #fff;
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.article-table-page.escape-animation-page .escape-cta a.escape-cta-link:hover{
  background:#fff;
  color:var(--art-gold-dark);
}
.article-table-page.escape-animation-page .related-editorial{
  margin:72px 0 20px;
}
.article-table-page.escape-animation-page .related-editorial h2{
  margin:0 0 28px;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(38px,4.8vw,60px);
  font-weight:400;
  line-height:1.02;
}
.article-table-page.escape-animation-page .related-editorial ul{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:0;
  padding:0;
  list-style:none;
}
.article-table-page.escape-animation-page .related-editorial li{
  padding:24px;
  border:1px solid var(--art-line);
  background:var(--art-paper);
  color:var(--art-soft);
  line-height:1.6;
}
.article-table-page.escape-animation-page .related-editorial a{
  color:var(--art-gold-dark);
  border-bottom:1px solid var(--art-gold-pale);
  font-weight:700;
}
@media(max-width:940px){
  .article-table-page.escape-animation-page .article-video{position:relative;top:auto;}
  .article-table-page.escape-animation-page .review-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .article-table-page.escape-animation-page .faq-item{grid-template-columns:1fr;gap:12px;}
  .article-table-page.escape-animation-page .related-editorial ul{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .article-table-page.escape-animation-page .escape-answer-grid{grid-template-columns:1fr;}
  .article-table-page.escape-animation-page .escape-answer-box{padding:28px 20px;margin-bottom:50px;}
  .article-table-page.escape-animation-page .review-proof{padding:34px 22px;margin-top:52px;}
  .article-table-page.escape-animation-page .faq-editorial{margin-top:54px;}
  .article-table-page.escape-animation-page .faq-question{font-size:22px;}
  .article-table-page.escape-animation-page .escape-cta{padding:36px 22px;}
}

/* =========================================================
   EXTENSION — 5 IDÉES POUR AMUSER SES INVITÉS
   Même fichier CSS partagé que les autres articles.
   ========================================================= */
.article-table-page.guest-ideas-page .guest-answer-box{
  margin:34px 0 70px;
  padding:clamp(30px,4.5vw,50px);
  border:1px solid var(--art-line);
  background:var(--art-paper);
  box-shadow:0 16px 42px rgba(50,39,32,.055);
}
.article-table-page.guest-ideas-page .guest-answer-box h2{
  max-width:900px;
  margin:0 0 18px;
  color:var(--art-ink);
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(34px,4.5vw,54px);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.035em;
}
.article-table-page.guest-ideas-page .guest-answer-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 34px;
  margin-top:28px;
}
.article-table-page.guest-ideas-page .guest-answer-item{
  padding:20px 0;
  border-top:1px solid var(--art-line);
}
.article-table-page.guest-ideas-page .guest-answer-item strong{
  display:block;
  margin-bottom:7px;
  color:var(--art-gold-dark);
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.article-table-page.guest-ideas-page .guest-answer-item p{
  margin:0;
  color:var(--art-soft);
  font-size:15px;
  line-height:1.65;
}
.article-table-page.guest-ideas-page .guest-inline-link{
  color:var(--art-gold-dark);
  border-bottom:1px solid var(--art-gold-pale);
}
.article-table-page.guest-ideas-page .guest-callout{
  margin:26px 0;
  padding:24px 26px;
  border:1px solid var(--art-line);
  background:var(--art-cream);
  color:var(--art-soft);
  font-size:15px;
  line-height:1.7;
}
.article-table-page.guest-ideas-page .guest-callout strong{
  color:var(--art-gold-dark);
}
.article-table-page.guest-ideas-page .faq-editorial{
  margin:78px 0 34px;
  padding-top:12px;
  scroll-margin-top:95px;
}
.article-table-page.guest-ideas-page .faq-title{
  margin:0 0 30px;
  color:var(--art-ink);
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(40px,5vw,66px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.043em;
}
.article-table-page.guest-ideas-page .faq-item{
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  gap:48px;
  padding:28px 0;
  border-top:1px solid var(--art-line);
}
.article-table-page.guest-ideas-page .faq-item:last-child{border-bottom:1px solid var(--art-line);}
.article-table-page.guest-ideas-page .faq-question{
  margin:0;
  color:var(--art-ink);
  font-family:"Playfair Display",Georgia,serif;
  font-size:25px;
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
}
.article-table-page.guest-ideas-page .faq-answer{
  margin:0;
  color:var(--art-soft);
  font-size:15px;
  line-height:1.72;
}
@media(max-width:940px){
  .article-table-page.guest-ideas-page .faq-item{grid-template-columns:1fr;gap:12px;}
}
@media(max-width:640px){
  .article-table-page.guest-ideas-page .guest-answer-grid{grid-template-columns:1fr;}
  .article-table-page.guest-ideas-page .guest-answer-box{padding:28px 20px;margin-bottom:50px;}
  .article-table-page.guest-ideas-page .faq-editorial{margin-top:54px;}
  .article-table-page.guest-ideas-page .faq-question{font-size:22px;}
}