/* =========================================================
   HOMWEB Photographe — guides éditoriaux (/guides/…), « L’Accrochage ».
   S’appuie sur css/landing.css (jetons, nav, boutons, cartels, pied de page).
   Composition : hero éditorial → bandeau « en un coup d’œil » → corps
   d’article (sommaire collant, limité à son propre bloc) → bandeau du
   tableau détaillé → suite de l’article → appel à l’action → auteur, sources.
   Breakpoints : desktop ≥ 1200 · tablette 768–1199 · mobile < 768.
   Aucun tableau ne défile horizontalement : sous leurs seuils, ils
   deviennent des cartes (libellés repris de data-label).
   ========================================================= */

.acc-guide-page{ --ga-ink-soft:#3D3A35; --ga-card:#FBFAF7; --ga-read:680px; --ga-gap:clamp(56px,7vw,120px); }

/* Nav : bandeau simple en tête (pas de headroom sur les guides) */
/* Nav collante « headroom » (script en bas de page) ; --ga-nav = hauteur visible de la nav */

.acc-guide-page .acc-nav-inner{ gap:28px; }
.acc-guide-navlink{ font-size:15px; color:var(--acc-label); }
.acc-guide-navlink:hover{ color:var(--acc-ink); }

/* ---------- Hero éditorial ---------- */
.acc-article-hero{ padding:72px 0 0; }
.acc-crumbs{ margin:0 0 44px; font-family:var(--acc-mono); font-size:11px; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-label); }
.acc-crumbs ol{ display:flex; flex-wrap:wrap; gap:4px 10px; list-style:none; margin:0; padding:0; }
.acc-crumbs li + li::before{ content:"›"; margin-right:10px; color:#B9B3A8; }
.acc-crumbs a{ color:var(--acc-label); }
.acc-crumbs [aria-current]{ color:var(--acc-ink); }
.acc-article-kicker{ margin:0 0 20px; }
.acc-article-title{ max-width:15em; margin:0; font-size:64px; line-height:68px; font-weight:300; letter-spacing:-.035em; color:var(--acc-ink); }
.acc-article-intro{ display:grid; grid-template-columns:minmax(0,680px) minmax(0,360px); justify-content:space-between; column-gap:72px; align-items:start; margin-top:48px; }
.acc-article-deck{ margin:0; font-size:22px; line-height:35px; font-weight:300; letter-spacing:-.005em; color:var(--acc-ink); }
.acc-article-note{ padding:22px 24px 24px; background:var(--acc-wall-alt); border-top:2px solid var(--acc-ink); }
.acc-article-note p{ margin:0 0 10px; font-size:14.5px; line-height:23px; color:var(--ga-ink-soft); }
.acc-article-note p:last-child{ margin-bottom:0; }
.acc-article-note a{ color:var(--acc-ink); }
.acc-note-title{ margin-bottom:12px !important; font-family:var(--acc-mono); font-size:11px !important; line-height:1.4 !important; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-ink) !important; }
.acc-article-meta{ margin:44px 0 0; padding:18px 0 0; border-top:1px solid var(--acc-rule); font-family:var(--acc-mono); font-size:11px; line-height:1.6; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-label); }

/* Illustration d’ouverture (SVG en ligne, sans photo), posée sur la cimaise */
.acc-article-figure{ margin:56px 0 0; padding:52px 48px 32px; background:var(--acc-wall-alt); }
.acc-article-figure svg{ display:block; width:100%; max-width:980px; height:auto; margin:0 auto; overflow:visible; }
.acc-article-figure figcaption{ display:block; max-width:980px; margin:32px auto 0; padding-top:18px; border-top:1px solid var(--acc-rule); }
.acc-guide-illus-legend{ display:grid; grid-template-columns:1fr 1fr; gap:48px; font-size:15px; line-height:23px; color:var(--ga-ink-soft); }
.acc-guide-illus-legend b{ display:inline-block; min-width:24px; font-family:var(--acc-mono); font-size:11px; font-weight:500; letter-spacing:.06em; color:var(--acc-ink); }
.acc-article-figure .acc-caption{ display:block; margin-top:16px; }

/* ---------- Bandeaux pleine largeur ---------- */
.acc-band{ margin-top:96px; padding:88px 0 96px; background:var(--acc-wall-alt); }
.acc-band--matrix{ margin-top:0; background:var(--acc-wall); border-top:1px solid var(--acc-rule); border-bottom:1px solid var(--acc-rule); }
.acc-band-head{ max-width:760px; margin-bottom:48px; }
.acc-band-head .acc-label{ margin:0 0 14px; }
.acc-band-head h2{ margin:0; font-size:40px; line-height:46px; font-weight:300; letter-spacing:-.03em; color:var(--acc-ink); scroll-margin-top:24px; }
.acc-band-head p:not(.acc-label){ margin:16px 0 0; font-size:17px; line-height:27px; color:var(--ga-ink-soft); }
.acc-table-note{ max-width:760px; margin:24px 0 0; font-family:var(--acc-mono); font-size:11px; line-height:1.7; letter-spacing:.03em; color:var(--acc-label); }

/* ---------- Corps d’article ---------- */
.acc-article-layout{ display:grid; grid-template-columns:220px minmax(0,var(--ga-read)); column-gap:var(--ga-gap); align-items:start; padding-top:104px; padding-bottom:112px; }
.acc-article-layout--solo{ padding-top:96px; }
.acc-article-layout--solo .acc-article-body{ grid-column:2; }
/* Sommaire : collant, mais seulement le long de son bloc (jamais au-dessus des bandeaux) */
.acc-article-toc{ position:sticky; top:calc(var(--ga-nav,0px) + 32px); transition:top .45s cubic-bezier(.22,1,.36,1); }
.acc-article-toc-nav .acc-label{ margin:0 0 14px; }
.acc-article-toc-nav ol{ list-style:none; margin:0; padding:0; }
.acc-article-toc-nav li{ border-top:1px solid var(--acc-rule); }
.acc-article-toc-nav li:last-child{ border-bottom:1px solid var(--acc-rule); }
.acc-article-toc-nav a{ display:grid; grid-template-columns:28px 1fr; gap:4px; padding:9px 0; font-size:13px; line-height:19px; color:var(--acc-label); text-decoration:none !important; }
.acc-article-toc-nav a span{ padding-top:1px; font-family:var(--acc-mono); font-size:10.5px; letter-spacing:.04em; }
.acc-article-toc-nav a:hover{ color:var(--acc-ink); }

.acc-article-body > :first-child{ margin-top:0 !important; }
.acc-article-body h2{ margin:96px 0 24px; padding-top:28px; border-top:1px solid var(--acc-rule); font-size:36px; line-height:42px; font-weight:300; letter-spacing:-.028em; color:var(--acc-ink); scroll-margin-top:24px; }
.acc-article-body h3{ margin:44px 0 12px; font-size:20px; line-height:28px; font-weight:500; letter-spacing:-.008em; color:var(--acc-ink); }
.acc-article-body p{ margin:0 0 20px; font-size:17px; line-height:30px; color:var(--ga-ink-soft); }
.acc-article-body a:not(.acc-btn){ color:var(--acc-ink); }
.acc-article-body strong{ font-weight:500; color:var(--acc-ink); }
.acc-article-list{ list-style:none; margin:8px 0 24px; padding:0; counter-reset:gl; }
.acc-article-list li{ position:relative; padding:12px 0 12px 40px; border-top:1px solid var(--acc-rule); font-size:16px; line-height:26px; color:var(--ga-ink-soft); }
.acc-article-list li:last-child{ border-bottom:1px solid var(--acc-rule); }
ol.acc-article-list li{ counter-increment:gl; }
ol.acc-article-list li::before{ content:counter(gl, decimal-leading-zero); position:absolute; left:0; top:14px; font-family:var(--acc-mono); font-size:11px; letter-spacing:.04em; color:var(--acc-label); }
ul.acc-article-list li::before{ content:"—"; position:absolute; left:0; top:12px; color:var(--acc-label); }

/* Encadré (hypothèses…) dans la colonne */
.acc-note{ margin:32px 0; padding:22px 24px; background:var(--acc-wall-alt); border-left:2px solid var(--acc-ink); }
.acc-note p{ margin:0 0 10px; font-size:15px; line-height:25px; }
.acc-note p:last-child{ margin-bottom:0; }

/* Fiches plateformes */
.acc-entry{ margin-top:104px; padding-top:28px; border-top:1px solid var(--acc-ink); }
.acc-article-body .acc-entry h2{ margin:0 0 8px; padding:0; border:0; font-size:30px; line-height:37px; }
.acc-entry-kicker{ margin:0 0 24px !important; font-family:var(--acc-mono); font-size:11px !important; line-height:1.5 !important; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-label) !important; }
.acc-entry dl{ display:grid; grid-template-columns:168px minmax(0,1fr); margin:28px 0 0; }
.acc-entry dt,.acc-entry dd{ padding:16px 0; border-top:1px solid var(--acc-rule); }
.acc-entry dt{ padding-right:20px; font-family:var(--acc-mono); font-size:11px; line-height:22px; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-label); }
.acc-entry dd{ margin:0; font-size:16px; line-height:26px; color:var(--ga-ink-soft); }
.acc-entry dd.is-key{ color:var(--acc-ink); font-weight:500; }
.acc-entry dl > :nth-last-child(-n+2){ border-bottom:1px solid var(--acc-rule); }
.acc-entry-cta{ display:flex; flex-wrap:wrap; align-items:center; gap:16px 28px; margin-top:28px !important; }
.acc-entry--us{ position:relative; margin-left:-32px; margin-right:-32px; padding:36px 32px; background:var(--ga-card); border-top:2px solid var(--acc-ink); }
.acc-entry--us::before{ content:""; position:absolute; top:-2px; left:32px; width:72px; height:2px; background:var(--acc-red); }
.acc-guide-shot{ margin:32px 0 8px; }
.acc-guide-shot picture{ display:block; background:var(--ga-card); border:1px solid var(--acc-rule); box-shadow:0 22px 44px -26px rgba(42,34,24,.42); }
.acc-guide-shot img{ display:block; width:100%; height:auto; }
.acc-guide-shot .acc-caption{ display:block; margin-top:12px; }

/* FAQ : blocs question / réponse */
.acc-qa{ padding:26px 0 8px; border-top:1px solid var(--acc-rule); }
.acc-qa:last-child{ padding-bottom:12px; border-bottom:1px solid var(--acc-rule); }
.acc-article-body .acc-qa h3{ margin:0 0 10px; font-size:19px; line-height:27px; }
.acc-article-body .acc-qa p{ margin-bottom:16px; }

/* ---------- Appel à l’action ---------- */
.acc-article-cta{ padding:112px 0 120px; background:var(--acc-wall-alt); }
.acc-article-cta h2{ max-width:16em; margin:0; font-size:52px; line-height:58px; font-weight:300; letter-spacing:-.035em; color:var(--acc-ink); }
.acc-article-cta p{ max-width:620px; margin:24px 0 0; font-size:18px; line-height:29px; color:var(--ga-ink-soft); }
.acc-article-cta .acc-cta-row{ margin-top:36px; gap:16px 32px; }

/* ---------- Auteur et sources ---------- */
.acc-article-end{ display:grid; grid-template-columns:220px minmax(0,var(--ga-read)); column-gap:var(--ga-gap); padding-top:80px; padding-bottom:96px; }
.acc-article-end > *{ grid-column:2; }
.acc-author{ display:grid; grid-template-columns:72px minmax(0,1fr); gap:20px; align-items:center; }
.acc-author img{ width:72px; height:90px; object-fit:cover; background:#0b0b0b; }
.acc-author p{ margin:0; font-size:14px; line-height:22px; color:var(--ga-ink-soft); }
.acc-author .acc-cartel-name{ font-family:var(--acc-mono); font-size:12px; letter-spacing:.04em; }
.acc-author a{ color:var(--acc-ink); }
.acc-article-end h2{ margin:56px 0 14px; font-family:var(--acc-mono); font-size:11px; font-weight:400; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-label); }
.acc-article-end .acc-sources{ margin:0; }
.acc-article-end .acc-sources li{ padding:10px 0 10px 40px; font-size:13px; line-height:21px; word-break:break-word; }
.acc-sources a{ color:var(--acc-ink); }

/* =========================================================
   Tablette (768–1199) : une colonne, sommaire en tête, matrice en cartes
   ========================================================= */
@media (max-width:1199px){
  .acc-article-hero{ padding-top:56px; }
  .acc-article-title{ font-size:48px; line-height:53px; }
  .acc-article-intro{ grid-template-columns:minmax(0,680px); row-gap:32px; }
  .acc-article-deck{ font-size:20px; line-height:32px; }
  .acc-article-figure{ padding:40px 32px 24px; }
  .acc-band{ padding:72px 0 80px; }
  .acc-band-head h2{ font-size:34px; line-height:40px; }
  .acc-article-layout,.acc-article-end{ grid-template-columns:minmax(0,var(--ga-read)); padding-top:80px; }
  .acc-article-layout--solo .acc-article-body,.acc-article-end > *{ grid-column:1; }
  .acc-article-toc{ position:static; margin-bottom:56px; }
  .acc-article-toc-nav ol{ columns:2; column-gap:32px; }
  .acc-article-toc-nav li{ break-inside:avoid; }
  .acc-article-toc-nav li:nth-last-child(2){ border-bottom:1px solid var(--acc-rule); }
  .acc-entry--us{ margin-left:0; margin-right:0; }
  .acc-article-cta h2{ font-size:40px; line-height:46px; }

}

/* =========================================================
   Mobile (< 768)
   ========================================================= */
@media (max-width:767px){
  .acc-guide-page .acc-nav .acc-btn{ display:none; }
  .acc-article-hero{ padding-top:36px; }
  .acc-crumbs{ margin-bottom:28px; }
  .acc-article-title{ font-size:36px; line-height:41px; letter-spacing:-.03em; }
  .acc-article-intro{ margin-top:28px; row-gap:24px; }
  .acc-article-deck{ font-size:18px; line-height:29px; }
  .acc-article-note{ padding:18px 18px 20px; }
  .acc-article-meta{ margin-top:28px; }
  .acc-article-figure{ margin:36px calc(-1 * var(--acc-margin)) 0; padding:28px 12px 20px; }
  .acc-article-figure figcaption{ margin-top:20px; padding:14px 8px 0; }
  .acc-guide-illus-legend{ grid-template-columns:1fr; gap:8px; font-size:14px; line-height:22px; }
  .acc-band{ padding:56px 0 64px; }
  .acc-band-head{ margin-bottom:28px; }
  .acc-band-head h2{ font-size:28px; line-height:33px; }
  .acc-band-head p:not(.acc-label){ font-size:16px; line-height:26px; }
  .acc-article-layout,.acc-article-end{ padding-top:56px; padding-bottom:72px; }
  .acc-article-layout--solo{ padding-top:56px; }
  .acc-article-toc{ margin-bottom:40px; }
  .acc-article-toc-nav ol{ columns:1; }
  .acc-article-toc-nav li:nth-last-child(2){ border-bottom:0; }
  .acc-article-body h2{ margin-top:64px; padding-top:22px; font-size:28px; line-height:34px; }
  .acc-article-body h3{ margin-top:32px; font-size:18px; line-height:26px; }
  .acc-article-body p{ font-size:16px; line-height:27px; }
  .acc-entry{ margin-top:72px; }
  .acc-article-body .acc-entry h2{ font-size:24px; line-height:30px; }
  .acc-entry dl{ grid-template-columns:minmax(0,1fr); }
  .acc-entry dt{ padding:14px 0 0; }
  .acc-entry dd{ padding:4px 0 14px; border-top:0; }
  .acc-entry dl > :nth-last-child(2){ border-bottom:0; }
  .acc-entry--us{ margin:72px calc(-1 * var(--acc-margin)) 0; padding:28px var(--acc-margin); }
  .acc-entry--us::before{ left:var(--acc-margin); }
  .acc-article-cta{ padding:72px 0 80px; }
  .acc-article-cta h2{ font-size:32px; line-height:37px; }
  .acc-article-cta p{ font-size:16px; line-height:26px; }
  .acc-article-cta .acc-cta-row{ flex-direction:column; align-items:flex-start; }
  .acc-article-end{ padding-top:48px; }
  .acc-article-end h2{ margin-top:40px; }
}

/* =========================================================
   COMPOSANTS COMPARATIFS — « cartels accrochés »
   Les tableaux restent de vrais <table> (lecture d’écran, sens),
   mis en page en cartes et en bandeaux. Aucune ligne n’est mise en
   avant par la couleur : HOMWEB est seulement signalé « Éditeur de
   ce guide ». Les différences clés (qui crée le site, prix) portent
   la hiérarchie : badges à pictogramme, chiffres en grand.
   ========================================================= */
.acc-guide-page{
  --ga-paper:#FBFAF7; --ga-line:#DDD7CC; --ga-line-2:#CFC8BB;
  --ga-olive:#4E6B4A; --ga-night:#1B1917; --ga-night-2:#25221F;
  --ga-night-ink:#F4F2EE; --ga-night-soft:#BDB7AD; --ga-night-mute:#8F8A81;
  --ga-night-line:rgba(244,242,238,.12); --ga-ease:cubic-bezier(.2,.7,.2,1);
}
.acc-sprite{ position:absolute; width:0; height:0; overflow:hidden; }
.acc-ico{ display:inline-block; width:14px; height:14px; flex:none; vertical-align:-2px; }
.acc-ctable{ width:100%; border-collapse:separate; border-spacing:0; font-size:15px; line-height:23px; color:var(--ga-ink-soft); }
.acc-ctable th,.acc-ctable td{ text-align:left; vertical-align:top; font-weight:400; }
.acc-ctable-name{ display:block; color:var(--acc-ink); }
.acc-ctable-tag{ display:inline-flex; align-items:center; gap:6px; margin-top:8px; font-family:var(--acc-mono); font-size:10px; font-weight:400; line-height:1.4; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-label); }
.acc-ctable-tag::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--acc-red); }
.acc-ctable .num{ white-space:nowrap; font-variant-numeric:tabular-nums; }

/* Badges « qui crée le site » : la différence n°1, lisible d’un coup d’œil */
.acc-pill{ display:inline-flex; align-items:center; gap:7px; padding:6px 12px 6px 9px; border:1px solid var(--ga-line-2); border-radius:999px; background:rgba(255,255,255,.55); font-family:var(--acc-mono); font-size:11px; line-height:1.2; letter-spacing:.07em; text-transform:uppercase; color:var(--acc-ink); white-space:nowrap; }
.acc-pill--pro{ border-color:var(--acc-ink); background:var(--acc-ink); color:var(--acc-on-ink); }
.acc-pill-note{ display:block; margin-top:8px; font-size:13.5px; line-height:20px; color:var(--acc-label); }

/* Chiffres */
.acc-fig{ font-size:34px; line-height:1; font-weight:300; letter-spacing:-.035em; color:var(--acc-ink); font-variant-numeric:tabular-nums; white-space:nowrap; }
.acc-unit{ margin-left:3px; font-size:13px; letter-spacing:0; color:var(--acc-label); white-space:nowrap; }
.acc-pre{ display:block; margin-bottom:8px; font-family:var(--acc-mono); font-size:10.5px; line-height:1.4; letter-spacing:.07em; text-transform:uppercase; color:var(--acc-label); }
.acc-pre--na{ margin:4px 0 0; font-family:var(--acc-sans); font-size:16px; line-height:23px; letter-spacing:0; text-transform:none; color:var(--acc-ink); }
.acc-rank{ display:inline-flex; align-items:center; justify-content:center; min-width:32px; height:32px; padding:0 6px; border:1px solid var(--acc-ink); border-radius:999px; font-family:var(--acc-mono); font-size:11px; letter-spacing:.04em; color:var(--acc-ink); font-variant-numeric:tabular-nums; }

/* Cartes (papier posé sur la cimaise : filet, liseré clair, ombre portée courte) */
.acc-lineup tbody tr,.acc-models tbody tr{ position:relative; background:var(--ga-paper); border:1px solid var(--ga-line); box-shadow:inset 0 1px 0 #fff, 0 1px 0 rgba(42,34,24,.04), 0 14px 26px -24px rgba(42,34,24,.55); transition:transform .35s var(--ga-ease), box-shadow .35s var(--ga-ease), border-color .35s var(--ga-ease); }
.acc-lineup tbody tr::after,.acc-models tbody tr::after{ content:""; position:absolute; left:-1px; right:-1px; top:-1px; height:2px; background:var(--acc-ink); transform:scaleX(0); transform-origin:left; transition:transform .5s var(--ga-ease); }
@media (hover:hover){
  .acc-lineup tbody tr:hover,.acc-models tbody tr:hover{ transform:translateY(-3px); border-color:var(--ga-line-2); box-shadow:inset 0 1px 0 #fff, 0 2px 0 rgba(42,34,24,.04), 0 26px 34px -26px rgba(42,34,24,.6); }
  .acc-lineup tbody tr:hover::after,.acc-models tbody tr:hover::after{ transform:scaleX(1); }
}
.acc-lineup tbody tr:focus-within::after,.acc-models tbody tr:focus-within::after{ transform:scaleX(1); }

/* ---------- 1. Comparatif — « line-up » des 7 solutions ---------- */
.acc-lineup,.acc-lineup thead,.acc-lineup tbody,.acc-lineup tr,.acc-lineup th,.acc-lineup td{ display:block; }
.acc-lineup tr{ display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1.05fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.1fr); column-gap:32px; align-items:start; }
.acc-lineup thead tr{ padding:0 30px 14px; border-bottom:1px solid var(--ga-line-2); }
.acc-lineup thead th{ font-family:var(--acc-mono); font-size:10.5px; line-height:1.4; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-label); }
.acc-lineup thead th.is-key{ color:var(--acc-ink); }
.acc-lineup tbody{ display:grid; gap:12px; margin-top:16px; }
.acc-lineup tbody tr{ padding:26px 30px 24px; }
.acc-lineup-head{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.acc-kind{ font-family:var(--acc-mono); font-size:10px; line-height:1.4; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-label); }
.acc-lineup .acc-ctable-name{ font-size:23px; line-height:28px; letter-spacing:-.015em; }
.acc-lineup-link{ display:flex; width:max-content; align-items:center; gap:6px; margin-top:14px; font-family:var(--acc-mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-label) !important; text-decoration:none !important; }
.acc-lineup-link .acc-ico{ width:12px; height:12px; transition:transform .3s var(--ga-ease); }
.acc-lineup-link:hover,.acc-lineup-link:focus-visible{ color:var(--acc-ink) !important; }
.acc-lineup-link:hover .acc-ico{ transform:translateY(2px); }
.acc-lineup td{ padding-top:2px; }
.acc-lineup td[data-label^="Modifier"]{ color:var(--acc-ink); }
.acc-lineup td[data-label^="Modifier"] .acc-ico{ width:16px; height:16px; margin-right:6px; color:var(--ga-olive); vertical-align:-3px; }
.acc-lineup td[data-label="Idéal pour"]{ font-size:15px; line-height:22px; color:var(--ga-ink-soft); }
.acc-lineup .acc-lineup-price{ padding-top:0; }

/* ---------- 2. Comparatif — planche détaillée (bandeau de nuit) ---------- */
.acc-band--night{ background:var(--ga-night); border:0; color:var(--ga-night-soft); }
.acc-band--night .acc-band-head .acc-label{ color:var(--ga-night-mute); }
.acc-band--night .acc-band-head h2{ color:var(--ga-night-ink); }
.acc-band--night .acc-band-head p:not(.acc-label){ color:var(--ga-night-soft); }
.acc-band--night .acc-table-note{ color:var(--ga-night-mute); }
.acc-band--night .acc-pill{ border-color:rgba(244,242,238,.32); background:transparent; color:var(--ga-night-ink); }
.acc-band--night .acc-pill--pro{ border-color:var(--ga-night-ink); background:var(--ga-night-ink); color:var(--ga-night); }
.acc-band--night .acc-pill-note{ color:var(--ga-night-mute); }
.acc-band--night .acc-ctable-tag{ color:var(--ga-night-mute); }
.acc-ctable--matrix{ table-layout:fixed; font-size:14px; line-height:21px; color:var(--ga-night-soft); }
.acc-ctable--matrix thead th{ position:sticky; top:var(--ga-nav,0px); z-index:2; transition:top .45s cubic-bezier(.22,1,.36,1); padding:18px 14px 16px; background:var(--ga-night); border-bottom:1px solid rgba(244,242,238,.4); font-family:var(--acc-mono); font-size:10.5px; line-height:1.4; letter-spacing:.08em; text-transform:uppercase; color:var(--ga-night-ink); vertical-align:bottom; }
.acc-ctable--matrix thead th:first-child{ width:13%; padding-left:0; color:var(--ga-night-mute); }
.acc-ctable--matrix thead .acc-ctable-tag{ display:flex; margin-top:6px; }
.acc-ctable--matrix tbody th,.acc-ctable--matrix tbody td{ padding:16px 14px; border-bottom:1px solid var(--ga-night-line); transition:background-color .25s ease, color .25s ease; }
.acc-ctable--matrix tbody th[scope="row"]{ padding-left:0; font-family:var(--acc-mono); font-size:10.5px; font-weight:500; line-height:1.5; letter-spacing:.07em; text-transform:uppercase; color:var(--ga-night-ink); }
.acc-mgroup th{ padding:44px 0 14px !important; border-bottom:1px solid rgba(244,242,238,.4) !important; font-size:22px; line-height:26px; font-weight:300; letter-spacing:-.02em; color:var(--ga-night-ink); background:none !important; }
.acc-ctable--matrix tbody:first-of-type .acc-mgroup th{ padding-top:28px !important; }
.acc-mgroup-n{ display:inline-block; min-width:38px; font-family:var(--acc-mono); font-size:11px; letter-spacing:.08em; color:#E8664F; vertical-align:3px; }
.acc-ctable--matrix tr.is-key td,.acc-ctable--matrix tr.is-price td{ font-size:15px; line-height:22px; color:var(--ga-night-ink); }
.acc-ctable--matrix tr.is-price td{ font-variant-numeric:tabular-nums; }
.acc-ctable--matrix tr.is-pros td::before{ content:"+" / ""; display:inline-block; width:14px; font-family:var(--acc-mono); color:#8FB08A; }
.acc-ctable--matrix tr.is-cons td::before{ content:"−" / ""; display:inline-block; width:14px; font-family:var(--acc-mono); color:#E8664F; }
.acc-ctable--matrix .acc-pill{ white-space:normal; }
.acc-ctable--matrix tbody tr:hover td{ color:var(--ga-night-ink); }
/* Survol : la colonne de la plateforme s’éclaire */
.acc-ctable--matrix:has(td:nth-child(2):hover) :is(td,thead th):nth-child(2),
.acc-ctable--matrix:has(td:nth-child(3):hover) :is(td,thead th):nth-child(3),
.acc-ctable--matrix:has(td:nth-child(4):hover) :is(td,thead th):nth-child(4),
.acc-ctable--matrix:has(td:nth-child(5):hover) :is(td,thead th):nth-child(5),
.acc-ctable--matrix:has(td:nth-child(6):hover) :is(td,thead th):nth-child(6),
.acc-ctable--matrix:has(td:nth-child(7):hover) :is(td,thead th):nth-child(7),
.acc-ctable--matrix:has(td:nth-child(8):hover) :is(td,thead th):nth-child(8){ background-color:#2A2724; }

/* ---------- 3. Comparatif — « selon votre profil » ---------- */
.acc-choose{ list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:28px 0 8px; padding:0; counter-reset:ch; }
.acc-choose li{ counter-increment:ch; position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:18px; padding:22px 22px 18px; background:var(--ga-paper); border:1px solid var(--ga-line); box-shadow:inset 0 1px 0 #fff, 0 12px 22px -22px rgba(42,34,24,.55); font-size:15px; line-height:23px; color:var(--ga-ink-soft); }
.acc-choose li::before{ content:counter(ch, decimal-leading-zero) / ""; position:absolute; top:18px; right:18px; font-family:var(--acc-mono); font-size:10.5px; letter-spacing:.06em; color:#B9B3A8; }
.acc-choose li > span:first-child{ padding-right:28px; }
.acc-choose li > span:last-child{ padding-top:12px; border-top:1px solid var(--ga-line); font-family:var(--acc-mono); font-size:11px; line-height:1.6; letter-spacing:.06em; text-transform:uppercase; color:var(--acc-ink); }
.acc-choose li > span:last-child::before{ content:"→ " / ""; color:var(--acc-red); }
.acc-choose strong{ font-weight:500; color:var(--acc-ink); }

/* ---------- 4. Guide prix — les 4 modèles, de « vous construisez » à « on construit pour vous » ---------- */
.acc-axis{ display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0 0 18px; font-family:var(--acc-mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-label); }
.acc-axis::before{ content:""; order:1; flex:1; height:1px; background:linear-gradient(90deg, var(--ga-line-2), var(--acc-ink)); }
.acc-axis span:last-child{ order:2; color:var(--acc-ink); }
.acc-axis span:last-child::after{ content:" →" / ""; }
.acc-models,.acc-models thead,.acc-models tbody,.acc-models tr,.acc-models th,.acc-models td{ display:block; }
.acc-models thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.acc-models tbody{ position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.acc-models tbody::before{ content:""; position:absolute; left:0; right:0; top:43px; height:1px; background:var(--ga-line-2); }
.acc-models tbody tr{ display:flex; flex-direction:column; padding:26px 24px 20px; }
.acc-models th{ padding-bottom:18px; }
.acc-models .acc-rank{ display:flex; width:32px; margin-bottom:16px; background:var(--acc-wall-alt); }
.acc-models .acc-ctable-name{ font-size:21px; line-height:26px; letter-spacing:-.012em; }
.acc-models td{ padding:14px 0; border-top:1px solid var(--ga-line); font-size:14.5px; line-height:22px; }
.acc-models td::before{ content:attr(data-label); display:block; margin-bottom:8px; font-family:var(--acc-mono); font-size:10px; line-height:1.4; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-label); }

/* ---------- 5. Guide prix — coût sur 3 ans : barres proportionnelles ---------- */
.acc-compare{ margin:36px 0 8px; }
.acc-ctable--cost,.acc-ctable--cost tbody,.acc-ctable--cost tr,.acc-ctable--cost th,.acc-ctable--cost td{ display:block; }
.acc-ctable--cost thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.acc-ctable--cost caption{ display:block; padding:0 0 14px; border-bottom:1px solid var(--acc-ink); text-align:left; font-family:var(--acc-mono); font-size:10.5px; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-ink); }
.acc-ctable--cost tbody tr{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); column-gap:28px; padding:22px 0 20px; border-bottom:1px solid var(--ga-line); }
.acc-ctable--cost tbody th{ grid-column:1; grid-row:1; }
.acc-ctable--cost .acc-ctable-name{ font-size:17px; line-height:24px; font-weight:500; }
.acc-ctable--cost td[data-label="Calcul"]{ grid-column:1; grid-row:2; margin-top:4px; font-family:var(--acc-mono); font-size:12px; line-height:19px; letter-spacing:.02em; color:var(--acc-label); }
.acc-total{ grid-column:2; grid-row:1 / span 2; align-self:center; display:grid !important; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; }
.acc-total .acc-fig{ min-width:4.4em; font-size:30px; text-align:right; }
.acc-total--na .acc-fig{ min-width:0; max-width:9em; font-size:14px; line-height:19px; letter-spacing:0; text-align:right; white-space:normal; color:var(--ga-ink-soft); }
.acc-bar{ position:relative; display:block; height:12px; background:rgba(26,26,26,.06); overflow:hidden; }
.acc-bar::after{ content:""; position:absolute; left:0; top:0; bottom:0; width:var(--w,0%); background:var(--acc-ink); }
.acc-bar--usd::after{ background:repeating-linear-gradient(135deg, var(--acc-ink) 0 3px, #6C675F 3px 6px); }
.acc-bar--na{ background:none; border:1px dashed var(--ga-line-2); }
.acc-bar--na::after{ display:none; }
.acc-ctable--cost td.is-key{ grid-column:1 / -1; margin-top:16px; }
.acc-ctable--cost td[data-label="À savoir"]{ grid-column:1 / -1; margin-top:10px; font-size:14px; line-height:22px; color:var(--ga-ink-soft); }
.acc-ctable--cost tr.is-us .acc-ctable-tag{ margin-top:4px; }
.acc-article-body .acc-cost-legend{ line-height:1.5; display:flex; flex-wrap:wrap; gap:6px 22px; margin:14px 0 0; font-family:var(--acc-mono); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--acc-label); }
.acc-cost-legend span::before{ content:""; display:inline-block; width:18px; height:8px; margin-right:8px; vertical-align:0; background:var(--acc-ink); }
.acc-cost-legend .is-usd::before{ background:repeating-linear-gradient(135deg, var(--acc-ink) 0 3px, #6C675F 3px 6px); }
.acc-cost-legend .is-na::before{ background:none; border:1px dashed var(--ga-line-2); }
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .acc-bar::after{ animation:accGrow linear both; animation-timeline:view(); animation-range:entry 0% cover 35%; }
    @keyframes accGrow{ from{ width:0; } to{ width:var(--w,0%); } }
  }
}
@media (prefers-reduced-motion:reduce){
  .acc-lineup tbody tr,.acc-models tbody tr,.acc-lineup tbody tr::after,.acc-models tbody tr::after{ transition:none; }
  .acc-lineup tbody tr:hover,.acc-models tbody tr:hover{ transform:none; }
}

/* ---------- Tablette et petit desktop ---------- */
@media (max-width:1199px){
  /* Planche détaillée → une carte de nuit par critère, regroupées par chapitre */
  .acc-ctable--matrix,.acc-ctable--matrix tbody,.acc-ctable--matrix tr,.acc-ctable--matrix th,.acc-ctable--matrix td{ display:block; width:auto; }
  .acc-ctable--matrix{ table-layout:auto; }
  .acc-ctable--matrix thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .acc-ctable--matrix tbody{ display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
  .acc-ctable--matrix tbody + tbody{ margin-top:8px; }
  .acc-ctable--matrix tbody tr{ padding:20px 22px 8px; background:var(--ga-night-2); border:1px solid var(--ga-night-line); }
  .acc-ctable--matrix tbody tr.is-key{ border-top-color:rgba(244,242,238,.55); }
  .acc-ctable--matrix tr.acc-mgroup{ grid-column:1 / -1; padding:0; background:none; border:0; }
  .acc-mgroup th{ padding:32px 0 12px !important; }
  .acc-ctable--matrix tbody th[scope="row"]{ padding:0 0 12px; border:0; font-size:11.5px; }
  .acc-ctable--matrix tbody td{ display:grid; grid-template-columns:124px minmax(0,1fr); gap:12px; padding:10px 0; border:0; border-top:1px solid var(--ga-night-line); background:none !important; font-size:14px; line-height:21px; }
  .acc-ctable--matrix tbody td::before{ content:attr(data-label); font-size:12.5px; font-weight:500; line-height:21px; color:var(--ga-night-ink); }
  .acc-ctable--matrix tbody td > *{ grid-column:2; justify-self:start; }
  .acc-ctable--matrix tr.is-pros td::before,.acc-ctable--matrix tr.is-cons td::before{ content:attr(data-label); display:block; width:auto; margin:0; font-family:var(--acc-sans); color:var(--ga-night-ink); }
  .acc-ctable--matrix tr.is-pros td{ box-shadow:inset 2px 0 0 #8FB08A; padding-left:10px; }
  .acc-ctable--matrix tr.is-cons td{ box-shadow:inset 2px 0 0 #E8664F; padding-left:10px; }
  .acc-ctable--matrix tbody tr:hover td{ color:inherit; }

  .acc-models tbody{ grid-template-columns:1fr 1fr; }
  .acc-models tbody::before{ display:none; }
  .acc-axis{ margin-bottom:22px; }
}

/* Line-up → cartels sous 1024 px */
@media (max-width:1023px){
  .acc-lineup thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .acc-lineup tbody{ grid-template-columns:1fr 1fr; gap:14px; margin-top:0; }
  .acc-lineup tbody tr{ grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"head head" "who price" "mod mod" "ideal ideal"; row-gap:16px; padding:22px 22px 20px; }
  .acc-lineup th{ grid-area:head; }
  .acc-lineup td[data-label^="Qui"]{ grid-area:who; align-self:end; }
  .acc-lineup td.acc-lineup-price{ grid-area:price; align-self:end; text-align:right; }
  .acc-lineup td[data-label^="Modifier"]{ grid-area:mod; padding-top:14px; border-top:1px solid var(--ga-line); }
  .acc-lineup td[data-label="Idéal pour"]{ grid-area:ideal; }
  .acc-lineup td[data-label^="Modifier"]::before,.acc-lineup td[data-label="Idéal pour"]::before{ content:attr(data-label); display:block; margin-bottom:6px; font-family:var(--acc-mono); font-size:10px; line-height:1.4; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-label); }
  .acc-lineup .acc-fig{ font-size:30px; }
  .acc-lineup .acc-pre--na{ max-width:10em; font-size:14px; line-height:20px; }
  .acc-lineup-head{ margin-bottom:12px; }
  .acc-lineup .acc-ctable-name{ font-size:21px; line-height:26px; }
}

/* ---------- Mobile ---------- */
@media (max-width:767px){
  .acc-lineup tbody,.acc-ctable--matrix tbody,.acc-models tbody{ grid-template-columns:minmax(0,1fr); gap:12px; }
  .acc-lineup tbody tr{ padding:20px 18px 18px; }
  .acc-lineup .acc-pill-note{ max-width:12em; }
  .acc-ctable--matrix tbody tr{ padding:18px 16px 6px; }
  .acc-ctable--matrix tbody td{ grid-template-columns:minmax(0,1fr); gap:2px; }
  .acc-ctable--matrix tbody td > *{ grid-column:1; }
  .acc-mgroup th{ font-size:20px; }
  .acc-axis{ font-size:10px; }
  .acc-models tbody tr{ padding:20px 18px 14px; }
  .acc-models th{ display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:14px; align-items:center; padding-bottom:14px; }
  .acc-models .acc-rank{ grid-row:1 / span 2; margin:0; }
  .acc-models th .acc-ctable-tag{ margin-top:4px; }
  .acc-choose{ grid-template-columns:minmax(0,1fr); gap:10px; }
  .acc-ctable--cost tbody tr{ grid-template-columns:minmax(0,1fr); }
  .acc-ctable--cost tbody th{ grid-row:auto; }
  .acc-total{ grid-column:1; grid-row:auto; margin-top:12px; gap:14px; }
  .acc-total .acc-fig{ font-size:24px; min-width:3.6em; }
  .acc-ctable--cost td[data-label="Calcul"]{ grid-row:auto; margin-top:8px; }
  .acc-total.acc-total--na .acc-fig{ min-width:0; font-size:14px; line-height:19px; }
  /* « Qui crée le site ? » : une ligne par plateforme, badge à droite */
  .acc-ctable--matrix tbody tr.is-key:nth-child(2) td{ grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:12px; }
  .acc-ctable--matrix tbody tr.is-key:nth-child(2) td > *{ grid-column:2; justify-self:end; }
  .acc-ctable--matrix tbody tr.is-key:nth-child(2) td > .acc-pill-note{ margin-top:2px; text-align:right; }
}

/* =========================================================
   v3 — illustrations « sticker », CTA du sommaire, encart HOMWEB,
   temps estimé et calculateur (guide prix)
   ========================================================= */
.acc-guide-page{ --ga-pink:#E8467C; --ga-lime:#C8F169; }
.acc-article-figure .acc-illus-sticker{ max-width:1040px; }

/* Sommaire : petit CTA avec le portrait du designer, collant avec le sommaire */
.acc-toc-cta{ display:grid; grid-template-columns:56px minmax(0,1fr); gap:14px; align-items:center; margin-top:28px; padding:14px; background:var(--ga-paper); border:1px solid var(--ga-line); box-shadow:inset 0 1px 0 #fff, 0 12px 22px -22px rgba(42,34,24,.55); text-decoration:none !important; color:var(--acc-ink); transition:transform .3s var(--ga-ease), border-color .3s var(--ga-ease); }
.acc-toc-cta img{ width:56px; height:56px; border-radius:50%; object-fit:cover; background:#0b0b0b; box-shadow:0 0 0 3px var(--ga-paper), 0 0 0 4px var(--ga-line-2); }
.acc-toc-cta-text{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.acc-toc-cta-kicker{ font-family:var(--acc-mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-label); }
.acc-toc-cta-title{ font-size:14px; line-height:19px; color:var(--acc-ink); }
.acc-toc-cta-link{ margin-top:4px; font-family:var(--acc-mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--acc-ink); }
.acc-toc-cta-link span{ display:inline-block; transition:transform .3s var(--ga-ease); }
.acc-toc-cta:hover{ border-color:var(--acc-ink); transform:translateY(-2px); }
.acc-toc-cta:hover .acc-toc-cta-link span{ transform:translateX(4px); }
.acc-toc-cta:focus-visible{ outline:2px solid var(--acc-ink); outline-offset:3px; }
@media (min-width:1200px){
  .acc-article-toc{ max-height:calc(100vh - var(--ga-nav,0px) - 48px); overflow-y:auto; scrollbar-width:thin; }
}
@media (max-width:1199px){
  .acc-toc-cta{ max-width:var(--ga-read); margin:0 0 56px; }
  .acc-article-toc{ margin-bottom:0; }
  .acc-article-toc-nav{ margin-bottom:24px; }
}

/* Encart HOMWEB (annonce), colonne de droite, collant — seulement quand la place le permet */
.acc-article-ad{ display:none; }
@media (min-width:1340px){
  .acc-article-layout{ grid-template-columns:220px minmax(0,var(--ga-read)) 248px; column-gap:56px; }
  .acc-article-ad{ display:block; grid-column:3; grid-row:1; position:sticky; top:calc(var(--ga-nav,0px) + 32px); transition:top .45s cubic-bezier(.22,1,.36,1); }
}
.acc-ad{ position:relative; padding:24px 22px 22px; background:var(--acc-ink); color:#D9D4CB; box-shadow:6px 6px 0 var(--ga-lime); }
.acc-ad-label{ position:absolute; top:-10px; right:14px; margin:0; padding:3px 8px; background:var(--ga-lime); border:1px solid var(--acc-ink); font-family:var(--acc-mono); font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--acc-ink); }
.acc-ad-brand{ margin:0; font-family:var(--acc-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#F4F2EE; }
.acc-ad-brand span{ color:#9A958C; }
.acc-ad-title{ margin:14px 0 0; font-size:24px; line-height:28px; font-weight:300; letter-spacing:-.025em; color:#F4F2EE; }
.acc-ad-list{ list-style:none; margin:18px 0 0; padding:0; }
.acc-ad-list li{ position:relative; padding:9px 0 9px 24px; border-top:1px solid rgba(244,242,238,.12); font-size:13.5px; line-height:19px; }
.acc-ad-list li::before{ content:"✓" / ""; position:absolute; left:0; top:9px; color:var(--ga-lime); }
.acc-ad-price{ margin:16px 0 0; font-size:13px; color:#B9B3A8; }
.acc-ad-fig{ font-size:32px; line-height:1; font-weight:300; letter-spacing:-.03em; color:#F4F2EE; }
.acc-ad-note{ margin:6px 0 0; font-family:var(--acc-mono); font-size:10px; line-height:1.5; letter-spacing:.04em; color:#8F8A81; }
.acc-ad-btn{ display:flex; justify-content:center; margin-top:18px; background:#F4F2EE !important; color:var(--acc-ink) !important; border-color:#F4F2EE !important; }
.acc-ad-btn:hover{ background:var(--ga-lime) !important; border-color:var(--ga-lime) !important; }

/* Coût sur 3 ans : le temps, à côté du prix */
.acc-ctable--cost td.is-key{ grid-column:1; grid-row:3; align-self:center; }
.acc-time{ grid-column:2; grid-row:3; display:grid !important; grid-template-columns:minmax(0,1fr) auto; column-gap:18px; row-gap:4px; align-items:center; margin-top:16px; }
.acc-tbar{ position:relative; display:block; height:8px; background:rgba(26,26,26,.06); overflow:hidden; }
.acc-tbar::after{ content:""; position:absolute; left:0; top:0; bottom:0; width:var(--w,0%); background:var(--ga-pink); }
.acc-tbar--range{ background:linear-gradient(90deg, rgba(26,26,26,.06) 0 50%, rgba(232,70,124,.45) 50%, var(--ga-pink) 100%); }
.acc-tbar--range::after,.acc-tbar--na::after{ display:none; }
.acc-tbar--na{ background:none; border:1px dashed var(--ga-pink); }
.acc-time-fig{ display:inline-flex; align-items:center; gap:6px; justify-self:end; font-size:15px; line-height:20px; font-weight:500; color:var(--acc-ink); white-space:nowrap; }
.acc-time-fig .acc-ico{ color:var(--ga-pink); }
.acc-time-note{ grid-column:1 / -1; font-size:12.5px; line-height:18px; color:var(--acc-label); text-align:right; }
.acc-ctable--cost td[data-label="À savoir"]{ grid-row:4; }
.acc-cost-legend .is-time::before{ height:6px; background:var(--ga-pink); }

/* Calculateur « et si l’on comptait votre temps ? » */
.acc-timecalc{ margin:28px 0 8px; padding:22px 22px 18px; background:var(--ga-paper); border:1px solid var(--ga-line); box-shadow:5px 5px 0 var(--ga-pink); }
.acc-article-body .acc-timecalc-title{ margin:0 0 12px; font-size:19px; line-height:25px; font-weight:500; color:var(--acc-ink); }
.acc-timecalc-label{ display:block; font-size:14.5px; line-height:22px; color:var(--ga-ink-soft); }
.acc-timecalc-label output{ font-weight:500; color:var(--acc-ink); font-variant-numeric:tabular-nums; }
.acc-timecalc input[type="range"]{ width:100%; margin:12px 0 4px; accent-color:var(--acc-ink); }
.acc-timecalc-res{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:12px 0 0; }
.acc-timecalc-res div{ padding:12px 14px; border:1px solid var(--ga-line); background:#fff; }
.acc-timecalc-res dt{ font-family:var(--acc-mono); font-size:10px; line-height:1.5; letter-spacing:.06em; text-transform:uppercase; color:var(--acc-label); }
.acc-timecalc-res dd{ margin:6px 0 0; font-size:20px; line-height:26px; font-weight:300; color:var(--acc-ink); font-variant-numeric:tabular-nums; }
.acc-article-body .acc-timecalc-note{ margin:12px 0 0; font-size:12.5px; line-height:19px; color:var(--acc-label); }

@media (max-width:767px){
  .acc-ctable--cost td.is-key{ grid-column:1; grid-row:auto; }
  .acc-time{ grid-column:1; grid-row:auto; margin-top:10px; }
  .acc-time-note{ text-align:left; }
  .acc-ctable--cost td[data-label="À savoir"]{ grid-row:auto; }
  .acc-timecalc-res{ grid-template-columns:minmax(0,1fr); }
}