/* Pages guides (contenu statique) + bloc Guides de l'accueil */
.gd{padding:124px 0 70px}
.gd .gw{max-width:880px}
.crumb{font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mu);margin-bottom:22px;display:flex;flex-wrap:wrap;gap:8px}
.crumb a{color:var(--tx2);text-decoration:underline;text-underline-offset:3px}
.gd h1{font-size:clamp(32px,4.4vw,54px);line-height:1.05;letter-spacing:-.035em}
.gd h2{font-size:clamp(23px,2.8vw,32px);line-height:1.15;letter-spacing:-.025em;margin:54px 0 10px}
.gd h3{margin:28px 0 6px;font-size:18px}
.gd p,.gd li{color:var(--tx2);font-size:16.5px;line-height:1.68}
.gd p{margin-top:12px}
.gd .eb{font:500 11.5px var(--mono);letter-spacing:.12em;color:var(--mu);line-height:1.5;margin-top:0}
.gd .upd{font:500 12px var(--mono);color:var(--mu);margin-top:28px}
.gd .lead{font-size:18.5px;color:var(--tx);line-height:1.6;margin-top:0}
.gd ul,.gd ol{margin:12px 0 0;padding-left:24px;display:grid;gap:8px}
.gd li::marker{color:var(--ac)}
.gd main a,.gd p a,.gd li a,.gd td a{color:var(--tx);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ac) 70%,transparent);text-underline-offset:3px}
.gd strong{color:var(--tx);font-weight:600}
.tw{margin-top:20px;overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);-webkit-overflow-scrolling:touch}
.gt{width:100%;min-width:720px;border-collapse:collapse;font-size:14.5px}
.gt th{text-align:left;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);padding:14px 14px 12px;border-bottom:1px solid var(--line2)}
.gt td{padding:13px 14px;border-top:1px solid var(--line);color:var(--tx2);vertical-align:top;line-height:1.5}
.gt tr:first-child td{border-top:0}
.gt td:first-child,.gt th[scope=row]{color:var(--tx);font-weight:600;font-size:14.5px}
.gt th[scope=row]{font-family:inherit;letter-spacing:0;text-transform:none;border-top:1px solid var(--line);border-bottom:0;vertical-align:top;padding:13px 14px}
.gt tr:first-child th[scope=row]{border-top:0}
.gnote{margin-top:18px;padding:16px 18px;border-radius:14px;border:1px solid color-mix(in srgb,var(--ac) 40%,var(--line));background:color-mix(in srgb,var(--ac) 8%,transparent)}
.gnote p{margin-top:0;font-size:15px}
.gcta{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:26px 28px;margin-top:54px}
.gcta>*{position:relative;z-index:1}
.gcta h2{margin:0 0 4px;font-size:22px}
.gcta p{margin-top:0;font-size:15px;max-width:52ch}
.gd .faq{margin-top:16px;max-width:none}
.gd .faq p{font-size:15.5px}
.gl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.gl a{display:block;padding:18px 20px;text-decoration:none}
.gl a b{display:block;position:relative;z-index:1;color:var(--tx);font-weight:500;font-size:15.5px;line-height:1.3}
.gl a span{display:block;position:relative;z-index:1;margin-top:6px;color:var(--mu);font-size:13.5px;line-height:1.45}
.gd .gl{grid-template-columns:repeat(3,minmax(0,1fr))}
.srcs{font-size:14px}
.gd .srcs li{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.upd{font:500 12px var(--mono);color:var(--mu);margin-top:28px}
#guides{padding-top:0}
@media (max-width:900px){.gl,.gd .gl{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.gd{padding:104px 0 50px}.gl,.gd .gl{grid-template-columns:1fr}.gcta{padding:20px}.gd p,.gd li{font-size:16px}}

/* Sélecteur de langue (en-tête) et note sous un champ */
.lng{display:flex;flex:none;padding:3px;border-radius:12px;border:1px solid var(--line);background:rgba(10,12,17,.6)}
.lng a{color:var(--mu);font:600 11.5px var(--mono);padding:7px 9px;border-radius:9px;text-decoration:none}
.lng a:hover{color:var(--tx)}
.lng a[aria-current]{background:rgba(255,255,255,.1);color:var(--tx)}
.hd>.lng{margin-left:auto}
.hd>.lng+.cur{margin-left:0}
.hd>.lng+.btn{margin-left:0!important}
@media (min-width:1100px){.hd>.lng{margin-left:auto}.hd>.lng+.cur{margin-left:0}}
@media (max-width:1099px){.hd>.ru-mid{margin-left:auto}.hd>.lng{margin-left:0}}
@media (max-width:640px){.hd{gap:8px}.lng a{padding:7px 6px;font-size:10.5px}.hd>.cur button{padding:7px 8px}}
@media (max-width:400px){.lng a:not([aria-current]){padding:7px 5px}}
.fn{display:block;margin-top:8px;color:var(--mu);font-size:12.5px;line-height:1.4}

/* Simplification (7 oct. 2026) : moins de choses qui bougent à l'écran.
   Bloc réversible : le supprimer rétablit les animations précédentes. Une seule animation d'accroche reste : la scène du hero, jouée une fois. */
.rv{opacity:1;transform:none;transition:none}
.fd{opacity:1;transform:none;transition:none}
.chart .ln,.sig path{stroke-dashoffset:0;transition:none}
.chart .ar2{opacity:1;transition:none}
.bar i b,.sevbar i,.chain div,.chain div::before{transition:none}
.eb b{animation:none}
.mq{-webkit-mask-image:none;mask-image:none}
.mq div{animation:none;width:auto;flex-wrap:wrap;justify-content:center;gap:10px 34px;padding:0 16px}
#wipe{display:none}
.scn::after{display:none}
.s-shd{animation:none}
.s-shd.hit{animation:shit .5s ease}
.s-dr.open .s-pg{animation-iteration-count:2}
.s-ah{animation:none}
.vc.r .ico svg,.vc.b .ico{animation:none}
.map .sw{display:none}
.map .nd.hit .h{animation:none}
.url.bad i,.lk svg,.bt.hot{animation:none}
.ty{animation-iteration-count:1;animation-fill-mode:forwards}
.ex i b,.lk i b{animation-iteration-count:1;animation-fill-mode:forwards}
.card::after{display:none}
.btn:hover{transform:none}
/* Un seul bouton principal dans le premier écran : celui du hero. Le bouton de l'en-tête devient principal après défilement. */
#hd:not(.sc) .hd>.btn.pri{color:var(--tx);background:rgba(255,255,255,.05);border:1px solid var(--line2);box-shadow:none}
/* Bouton flottant : seulement sur téléphone, où l'en-tête n'a pas de bouton. */
@media (min-width:641px){.fab{display:none}}
/* Tableaux à deux colonnes : pas de défilement horizontal forcé sur téléphone. */
.gt:not(:has(th:nth-child(3))){min-width:0}
/* Devise placée avant le montant (anglais, euros) : EUR 1,490 */
.tr .pr small.pre{margin:0 6px 0 0}.cout .big small.pre{margin:0 8px 0 0}
/* Pot de miel du formulaire : champ hors écran, jamais rempli par une personne */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}