/* ═══════════════════════════════════════════════════════════════════
   GUIDE-BRAND — habillage de marque des guides et des index de guides
   (guides/, en/guides/, es/guias/, de/ratgeber/, it/guide/, nl/gids/,
   a-propos, presse). Même direction artistique que l'accueil et les
   pages de langue (lp-lang.css) : tokens crème/olive/or, Outfit + Inter,
   nav de marque, badge App Store officiel, bande CTA verte avec TIPO,
   footer en grille.
   Feuille AUTONOME (remplace style.css sur ces pages, aucun JS requis).
   Les tokens reprennent ceux de lp-lang.css ; les variables legacy
   (--primary, --card-border…) restent définies pour les styles inline
   du contenu (tableaux, encadrés).
   Posée par scripts/seo_guides_marque.py.
   ═══════════════════════════════════════════════════════════════════ */

:root{
  color-scheme:light;
  --ground:#F4EEE1; --surface:#EBE3D2; --card:#FDFAF3;
  --ink:#2D2821; --ink-2:#5C554A;
  --line:#DCD2BC; --line-strong:#C6BA9F;
  --brand:#798A4D; --brand-hover:#5A6836; --brand-deep:#435227;
  --brand-text:#435227; --on-brand:#F4EEE1;
  --gold:#CE9A38; --gold-text:#815A14; --gold-soft:#F0E2C3;
  --band-bg:#435227; --band-fg:#F4EEE1;
  --btn-bg:#435227; --btn-bg-hover:#35431E; --btn-fg:#F4EEE1;
  --nav-bg:rgba(244,238,225,.86);
  --tile:#FFFFFF;
  --shadow-card:0 2px 6px rgba(45,40,33,.05),0 14px 34px rgba(45,40,33,.08);
  --shadow-card-hover:0 4px 10px rgba(45,40,33,.06),0 24px 52px rgba(45,40,33,.13);
  --shadow-band:0 8px 18px rgba(45,40,33,.14),0 42px 90px rgba(45,40,33,.22);
  --glow:0 10px 28px rgba(121,138,77,.32);
  --ring:#798A4D;
  /* legacy : styles inline des guides */
  --primary:var(--brand-text); --primary-hover:var(--brand-hover);
  --primary-rgb:121,138,77; --primary-deep:#435227;
  --accent:var(--gold); --accent-rgb:206,154,56; --accent-deep:var(--gold-text);
  --text:var(--ink); --text-secondary:var(--ink-2); --text-muted:#8A8274;
  --card-bg:var(--card); --card-border:var(--line); --bg:var(--tile);
  --radius:20px; --radius-sm:12px; --radius-pill:99px;
}

/* ════════════════════════ BASE ════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  background:var(--ground);color:var(--ink);
  font:16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:clip;min-height:100vh;
}
body::before{
  content:"";position:absolute;left:0;right:0;top:0;height:640px;z-index:-1;pointer-events:none;
  background:
    radial-gradient(560px 420px at 12% 0%,rgba(121,138,77,.14),transparent 70%),
    radial-gradient(520px 440px at 88% 6%,rgba(206,154,56,.13),transparent 70%);
}
h1,h2,h3,h4{font-family:Outfit,Inter,sans-serif;text-wrap:balance}
a{color:inherit}
img{max-width:100%;height:auto}
::selection{background:var(--brand);color:var(--on-brand)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2.5px solid var(--ring);outline-offset:3px;border-radius:8px}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font:600 12px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-text);
}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--gold)}

/* ════════════════════════ BADGE APP STORE + BOUTONS ════════════ */
.as-badge{display:inline-flex;border-radius:9px;flex:none;transition:transform .18s cubic-bezier(.22,1,.36,1),filter .18s}
.as-badge svg{height:52px;width:auto;display:block;border-radius:9px}
.as-badge:hover{transform:translateY(-2px);filter:drop-shadow(0 10px 22px rgba(0,0,0,.28))}
.as-badge--sm svg{height:40px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border-radius:14px;padding:15px 24px;font:600 15px/1.2 Inter,sans-serif;
  text-decoration:none;border:0;cursor:pointer;
  transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s,background-color .18s,border-color .18s;
}
.btn:hover{transform:translateY(-2px)}
.btn-ghost{border:1.5px solid var(--line-strong);background:transparent;color:var(--ink)}
.btn-ghost:hover{border-color:var(--brand);box-shadow:0 8px 20px rgba(45,40,33,.08)}
.btn-sm{padding:10px 16px;font-size:13.5px;border-radius:11px}
.btn .arr{display:inline-block;transition:transform .18s}
.btn:hover .arr{transform:translateX(4px)}

/* ════════════════════════ NAV ════════════════════════ */
.nav{
  position:sticky;top:0;z-index:100;
  background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.nav .wrap{display:flex;align-items:center;gap:22px;height:68px}
.logo{
  font:800 25px/1 Outfit,sans-serif;color:var(--brand-text);text-decoration:none;letter-spacing:-.02em;
  display:inline-flex;align-items:baseline;flex:none;
}
.logo b{color:var(--gold)}
.nav-links{display:flex;gap:2px;margin-right:auto;min-width:0;overflow:hidden}
/* >= 1200 px : badges App Store + Google Play côte à côte ; à 1140 px un 5e onglet (À propos, Presse) était coupé */
@media (min-width:1200px){.nav .wrap{max-width:1240px}}
.nav-links a{
  text-decoration:none;font-weight:500;font-size:14.5px;color:var(--ink-2);white-space:nowrap;
  padding:7px 12px;border-radius:99px;transition:color .15s,background-color .15s;
}
.nav-links a:hover{color:var(--ink);background:var(--surface)}
.nav-links a[aria-current]{color:var(--ink);background:var(--surface);font-weight:600}
.lang-sw{display:flex;border:1px solid var(--line-strong);border-radius:99px;overflow:hidden;font-size:12.5px;font-weight:600;flex:none}
.lang-sw a{padding:6px 12px;text-decoration:none;color:var(--ink-2);transition:background-color .15s,color .15s}
.lang-sw a:hover{color:var(--ink)}
.lang-sw .on{background:var(--btn-bg);color:var(--btn-fg)}
.lang-sw a:focus-visible{outline-offset:-2px;border-radius:0}

/* ════════════════════════ ARTICLE ════════════════════════ */
main.article{
  position:relative;max-width:840px;margin:40px auto 0;padding:56px 64px 48px;
  background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-card);
  color:var(--ink);font-size:16.5px;line-height:1.75;
}
main.article>header{margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--line)}
main.article h1{
  font:800 clamp(2rem,4.2vw,2.85rem)/1.1 Outfit,Inter,sans-serif;letter-spacing:-.026em;
  color:var(--ink);margin:0 0 16px;
}
main.article .meta{
  display:flex;align-items:baseline;gap:10px;margin:0 0 26px;
  font:500 13.5px/1.5 Inter,sans-serif;color:var(--ink-2);
}
main.article>header .meta{margin-bottom:0}
main.article .meta::before{content:"";flex:none;width:22px;height:2px;border-radius:2px;background:var(--gold);transform:translateY(-4px)}
main.article h2{
  position:relative;font:800 clamp(1.38rem,2.5vw,1.72rem)/1.25 Outfit,Inter,sans-serif;letter-spacing:-.02em;
  color:var(--ink);margin:46px 0 14px;padding-top:16px;
}
main.article h2::before{content:"";position:absolute;top:0;left:0;width:26px;height:3px;border-radius:2px;background:var(--gold)}
main.article h3{font:700 1.14rem/1.35 Outfit,Inter,sans-serif;color:var(--ink);margin:28px 0 8px}
main.article h4{font:700 1rem/1.4 Outfit,Inter,sans-serif;margin:20px 0 6px}
main.article p,main.article li{color:var(--ink-2);margin:0 0 14px}
main.article strong,main.article b{color:var(--ink)}
main.article ul,main.article ol{padding-left:1.4rem;margin:0 0 18px}
main.article li{margin-bottom:8px}
main.article li::marker{color:var(--brand)}
main.article a{color:var(--brand-text);font-weight:600;text-decoration:underline;text-decoration-color:rgba(121,138,77,.45);text-underline-offset:3px}
main.article a:hover{text-decoration-color:var(--brand)}
main.article .nv,main.article .dz{color:var(--brand-text);font-weight:600}
main.article sup{line-height:0}
main.article hr{border:0;border-top:1px solid var(--line);margin:32px 0}

/* citations */
main.article blockquote{
  margin:26px 0;padding:18px 22px;background:var(--surface);border-left:4px solid var(--gold);
  border-radius:0 16px 16px 0;font-style:normal;color:var(--ink);
}
main.article blockquote p{color:var(--ink);margin-bottom:8px}
main.article blockquote p:last-child{margin-bottom:0}

/* encadrés : en bref, réponse rapide, points clés */
main.article .tldr,main.article .reponse-rapide,main.article .keyfacts{
  position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);
  border-radius:20px;padding:22px 26px 20px 32px;margin:26px 0;color:var(--ink);
}
main.article .tldr::before,main.article .reponse-rapide::before,main.article .keyfacts::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--gold)
}
main.article .reponse-rapide::before{background:var(--brand)}
main.article .tldr p,main.article .reponse-rapide p,main.article .keyfacts p,
main.article .tldr li,main.article .reponse-rapide li,main.article .keyfacts li{color:var(--ink)}
main.article .tldr>:last-child,main.article .reponse-rapide>:last-child,main.article .keyfacts>:last-child{margin-bottom:0}

/* figures et captures */
main.article figure{margin:28px auto}
main.article figure img{border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow-card)}
main.article figcaption{margin-top:10px;font-size:.88rem;line-height:1.5;color:var(--ink-2)}

/* tableaux */
main.article .table-scroll{
  overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0;
  border:1px solid var(--line);border-radius:16px;background:var(--tile);
}
main.article .table-scroll table,main.article .table-scroll table.compare,main.article .table-scroll table.comparatif{margin:0}
main.article table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.55}
main.article table th,main.article table.compare th,main.article table.comparatif th{
  background:var(--surface);color:var(--ink-2);font:700 11.5px/1.35 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  padding:12px 14px;border:0;border-bottom:1px solid var(--line-strong);text-align:left;vertical-align:bottom;
}
main.article table td,main.article table.compare td,main.article table.comparatif td{
  padding:11px 14px;border:0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2);
}
main.article table tbody tr:last-child td{border-bottom:0}
main.article table.facts th{background:transparent;vertical-align:top;border-bottom:1px solid var(--line);width:34%}
main.article table tbody tr:hover td{background:rgba(235,227,210,.35)}
main.article table td p,main.article table td li{margin-bottom:6px}

/* FAQ */
main.article .faq h3{margin:24px 0 6px}
main.article details{border-top:1px solid var(--line);padding:2px 0;margin:0}
main.article details:last-of-type{border-bottom:1px solid var(--line)}
main.article summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 2px;font-weight:700;color:var(--ink);
}
main.article summary::-webkit-details-marker{display:none}
main.article summary::after{
  content:"";flex:none;width:28px;height:28px;border-radius:99px;background-color:var(--surface);border:1px solid var(--line);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23435227' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  background-size:14px;background-repeat:no-repeat;background-position:center;transition:transform .25s cubic-bezier(.22,1,.36,1);
}
main.article details[open] summary::after{transform:rotate(45deg)}
main.article summary h3,main.article summary h4{display:inline;margin:0;font-size:1.02rem}
main.article details>:not(summary){padding:0 2px}
main.article details>p:last-child{padding-bottom:12px}

/* boutons d'écoute et petites cartes du contenu */
main.article .ecouter{background:var(--brand-hover);color:#F4EEE1;border:0;border-radius:99px;box-shadow:0 4px 12px rgba(121,138,77,.25)}
main.article .ecouter:hover{background:var(--brand-deep)}
main.article .greeting-card,main.article .tif-conv,main.article .contact-card{
  background:var(--tile);border:1px solid var(--line);border-radius:20px;box-shadow:none;
}
main.article .greeting-card h3{margin-top:0}
main.article .greeting-card .greeting-word{font-family:Outfit,Inter,sans-serif;font-weight:800;color:var(--brand-text)}
main.article .related-langs a,main.article .liens a{text-decoration:none}
main.article .related-langs a{
  background:var(--surface);border:1px solid var(--line);color:var(--ink);font-weight:600;
}
main.article .related-langs a:hover{border-color:var(--brand);background:var(--card)}

/* CTA du contenu (href, ct= et onclick d'origine conservés) */
main.article .cta-inline{
  margin:36px 0;padding:28px 24px;text-align:center;border-radius:24px;
  background:linear-gradient(160deg,var(--surface),var(--card));border:1px solid var(--line);
}
main.article .cta-inline p{margin:12px 0 0;font-size:.92rem;color:var(--ink-2)}
.gb-as{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;
  background:#000;color:#fff!important;border:1px solid #A6A6A6;border-radius:12px;
  padding:12px 20px;font:600 15.5px/1.25 Inter,sans-serif;text-decoration:none!important;text-align:left;
  transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;
}
.gb-as svg{width:20px;height:20px;flex:none}
.gb-as:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.24)}
main.article .cta-inline .seo-web-cta-note a,main.article .cta-inline a[href="/app"]{
  display:inline-flex;align-items:center;gap:6px;margin:4px 0 0 4px;padding:8px 14px;
  border:2px solid var(--brand);border-radius:11px;background:var(--card);color:var(--ink);
  font-weight:700;text-decoration:none;transition:background-color .18s,color .18s;
}
main.article .cta-inline .seo-web-cta-note a:hover,main.article .cta-inline a[href="/app"]:hover{background:var(--brand);color:var(--on-brand)}

/* liens de suite placés après le contenu */
body>p{max-width:840px;margin:22px auto 0;padding:0 24px}
body>p a{color:var(--brand-text)!important;font-weight:600}

/* ════════════════════════ INDEX DES GUIDES ════════════════════════ */
main.guides-list{
  max-width:1040px;margin:48px auto 0;padding:0 24px;color:var(--ink);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;
}
main.guides-list>:not(.guide-card){grid-column:1/-1}
main.guides-list>header{margin-bottom:18px!important}
main.guides-list h1{
  font:800 clamp(2.2rem,5vw,3.4rem)/1.06 Outfit,Inter,sans-serif;letter-spacing:-.028em;color:var(--ink);margin-bottom:14px;
}
.subtitle{font-size:1.12rem;color:var(--ink-2);max-width:36em;margin:0 auto}
main.guides-list>h2,main.guides-list .group-title{
  font:800 1.45rem/1.25 Outfit,Inter,sans-serif;letter-spacing:-.02em;color:var(--ink);margin:28px 0 0;text-align:left!important;
}
.guide-card{
  position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);
  border-radius:22px;padding:26px 26px 22px;margin:0;
  transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s;
}
main.article .guide-card{margin-bottom:16px}
.guide-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--line-strong)}
.guide-card h2,.guide-card h3{
  position:static;padding:0;margin:0 0 8px;font:700 1.16rem/1.3 Outfit,Inter,sans-serif;letter-spacing:-.01em;color:var(--ink);
}
main.article .guide-card h2::before{display:none}
.guide-card h2 a,.guide-card h3 a{color:inherit!important;text-decoration:none!important}
.guide-card h2 a::after,.guide-card h3 a::after{content:"";position:absolute;inset:0;border-radius:22px}
.guide-card p{margin:0 0 14px;color:var(--ink-2);font-size:.95rem;line-height:1.6}
.guide-card a.read-more{
  position:relative;z-index:1;margin-top:auto;align-self:flex-start;
  color:var(--brand-text);font-weight:700;font-size:.92rem;text-decoration:none;
}
main.guides-list section{margin-top:28px!important}
main.guides-list section h2{font:800 1.45rem/1.25 Outfit,Inter,sans-serif;margin-bottom:12px}
main.guides-list section p a,main.guides-list>p a{
  display:inline-block;margin:3px 2px;padding:5px 13px;border-radius:99px;background:var(--surface);
  border:1px solid var(--line);color:var(--ink);font-size:.9rem;font-weight:600;text-decoration:none;line-height:1.6;
}
main.guides-list section p a:hover,main.guides-list>p a:hover{border-color:var(--brand);background:var(--card)}

/* ════════════════════════ BANDE CTA DE FIN (TIPO) ════════════════════════ */
.gb-end{max-width:888px;margin:56px auto 0;padding:0 24px}
.gb-band{
  position:relative;overflow:hidden;background:var(--band-bg);color:var(--band-fg);border-radius:30px;
  padding:48px 52px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;box-shadow:var(--shadow-band);
}
.gb-band::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(480px 320px at 85% -10%,rgba(206,154,56,.24),transparent 65%),
             radial-gradient(420px 300px at -5% 110%,rgba(244,238,225,.09),transparent 60%);
}
.gb-band>*{position:relative}
.gb-band .eyebrow{color:#EBCB84}
.gb-band-title{font:800 clamp(1.55rem,3vw,2.2rem)/1.15 Outfit,Inter,sans-serif;letter-spacing:-.022em;margin-top:12px}
.gb-band-text{color:rgba(244,238,225,.8);margin-top:12px;max-width:32em}
.gb-band .cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:24px}
.gb-band .btn-ghost{border-color:rgba(244,238,225,.42);color:var(--band-fg)}
.gb-band .btn-ghost:hover{border-color:var(--band-fg);box-shadow:none}
.gb-tipo{display:block;width:132px;height:auto;margin:0 8px;filter:drop-shadow(0 16px 26px rgba(0,0,0,.3));animation:gb-cheer 4.6s ease-in-out 1.2s infinite}
@keyframes gb-cheer{
  0%,88%,100%{transform:none}
  91%{transform:translateY(-7px) rotate(-3deg)}
  94%{transform:translateY(-3px) rotate(2.5deg)}
  97%{transform:translateY(-1px) rotate(-1deg)}
}

/* ════════════════════════ FOOTER ════════════════════════ */
footer{background:var(--surface);border-top:1px solid var(--line);margin-top:88px;padding:56px 0 28px;font-size:14px;color:var(--ink-2)}
.foot-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr 1fr;gap:36px}
.foot-grid h4{font:700 11.5px Inter,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-2);margin-bottom:15px}
.foot-grid ul{list-style:none;padding:0;display:grid;gap:9px}
.foot-grid a{text-decoration:none;color:var(--ink-2);transition:color .15s}
.foot-grid a:hover{color:var(--brand-text)}
.foot-grid .more{color:var(--brand-text);font-weight:600}
.foot-brand p{color:var(--ink-2);margin:14px 0 20px;max-width:24em}
.foot-brandline{display:flex;align-items:center;gap:13px}
.foot-pot{width:44px;height:44px;border-radius:14px;flex:none;box-shadow:0 6px 16px rgba(45,40,33,.12);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.foot-brandline:hover .foot-pot{transform:rotate(-6deg) scale(1.06)}
.foot-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.foot-bottom{
  border-top:1px solid var(--line);margin-top:44px;padding-top:22px;
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:var(--ink-2);font-size:13px;
}
.foot-bottom a{color:var(--ink-2)}
.foot-bottom a:hover{color:var(--brand-text)}

/* ════════════════════════ RESPONSIVE ════════════════════════ */
@media (max-width:1199px){
  .nav-links a[data-gb-keep]{display:none} /* liens propres à la page : visibles en grand écran, toujours dans le DOM */
}
@media (max-width:980px){
  .nav-links{display:none}
  .lang-sw{margin-left:auto}
  .foot-grid{grid-template-columns:1fr 1fr}
  main.article{margin:28px 20px 0;padding:44px 40px 36px}
  .gb-band{padding:40px 32px}
}
@media (max-width:640px){
  .nav .wrap{gap:10px;height:60px}
  .wrap{padding:0 16px}
  .logo{font-size:22px}
  /* sept langues + badge ne tiennent pas sur 375 px : le sélecteur défile (langue courante en tête) */
  .lang-sw{flex:0 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .lang-sw::-webkit-scrollbar{display:none}
  .lang-sw a{flex:none;padding:6px 9px;font-size:12px}
  .lang-sw .on{order:-1}
  .nav .as-badge--sm{margin-left:auto}
  .nav .as-badge--sm svg{height:34px}
  main.article{margin:16px 16px 0;padding:28px 20px 24px;border-radius:22px;font-size:16px;line-height:1.7}
  main.article h1{font-size:clamp(1.65rem,7.4vw,2.1rem)}
  main.article h2{margin-top:38px}
  main.article .tldr,main.article .reponse-rapide,main.article .keyfacts{padding:18px 18px 16px 24px;border-radius:18px}
  main.article blockquote{padding:14px 16px}
  main.article .cta-inline{padding:24px 16px;border-radius:20px}
  main.article table th{padding:10px!important}
  main.article table td{padding:10px!important}
  main.guides-list{grid-template-columns:1fr;margin-top:28px;padding:0 16px;gap:14px}
  main.guides-list h1{font-size:clamp(2rem,9vw,2.5rem)}
  .guide-card{padding:22px 20px 18px;border-radius:20px}
  body>p{padding:0 16px}
  .gb-end{padding:0 16px;margin-top:40px}
  .gb-band{grid-template-columns:1fr;gap:0;padding:32px 22px 30px;border-radius:24px}
  .gb-band>.gb-band-mascot{order:-1;margin-bottom:6px}
  .gb-tipo{width:84px;margin:0}
  .gb-band .as-badge svg{height:48px}
  .gb-band .cta-row .btn-ghost{width:100%}
  footer{margin-top:64px}
  .foot-grid{grid-template-columns:1fr}
  .foot-bottom{justify-content:flex-start}
}
@media (max-width:400px){
  .nav .as-badge--sm svg{height:32px}
  .logo{font-size:21px}
}

/* ════════════ ROUTAGE APPAREIL (classes posées par device-route.js si présent) ════════════ */
html.dvc-android .as-badge{display:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  .gb-tipo{animation:none}
}

/* GP_BADGE_BEGIN (scripts/play_badge_apply.py) */
html.dvc-android .as-badge.gp-badge{display:inline-flex}
html.dvc-ios .gp-badge{display:none}
/* nav : sous 1199 px les deux badges ne tiennent plus à côté du sélecteur de langues -> un seul (Play sur Android, App Store ailleurs) */
@media (max-width:1199px){
  .nav .gp-badge{display:none}
  html.dvc-android .nav .gp-badge{display:inline-flex}
}
@media (max-width:640px){
  .cta-row .as-badge svg{height:46px}
}
/* pied de page : les deux badges sur une ligne (colonne de 250 px), le bouton « App web » toujours dessous */
.foot-cta .as-badge--sm svg{height:34px}
.foot-cta::after{content:"";flex-basis:100%;height:0;order:1}
.foot-cta > a:not(.as-badge){order:2}
main.article .cta-inline .gb-as{margin:4px 4px 0}
.gb-gp svg{width:22px;height:22px}
/* GP_BADGE_END */