/* Article (single.php, branche article standard) : maquette maquettes/article-v1/v3, classes préfixées ar-.
   Direction artistique de l'accueil (home.css) : mêmes jetons, Fraunces pour les titres, Inter pour le texte.
   Les blocs produits par le contenu (.read-also, .callout, .cluster-tableau-wrap...) sont restylés dans .ar-content. */
.ar{--ar-paper:#F8F7F4;--ar-white:#FFFFFF;--ar-ink:#141414;--ar-text:#262626;--ar-grey:#6A6A6A;--ar-line:#E2E1DC;--ar-green:#1E5C3A;--ar-green-mid:#2D7A52;--ar-green-pale:#EAF3EE;--ar-forest:#1A2E1F;--ar-orange:#D4620A;--ar-orange-deep:#B25008;--ar-amber:#D4931A;--ar-serif:"Fraunces",Georgia,"Times New Roman",serif;--ar-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ar-gutter:16px;--ar-max:1240px;--ar-r-lg:22px;--ar-r-md:14px}
.ar{background:var(--ar-paper);color:var(--ar-ink);font-family:var(--ar-sans);font-size:16px;line-height:1.6;overflow-x:clip}
:where(.ar) img{display:block;max-width:100%;height:auto}
:where(.ar) a:hover{text-decoration:none}
:where(.ar) :focus-visible{outline:3px solid var(--ar-orange);outline-offset:3px;border-radius:4px}
:where(.ar) h1, :where(.ar) h2, :where(.ar) h3{font-family:var(--ar-serif);font-weight:600;letter-spacing:-.015em;margin:0;text-wrap:balance}
:where(.ar) p, :where(.ar) li{text-wrap:pretty}
.ar-wrap{max-width:var(--ar-max);margin:0 auto;padding:0 var(--ar-gutter)}
.ar-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Boutons et liens (repris de l'accueil) */
.ar-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:0;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.ar-btn-primary{background:var(--ar-orange);color:#fff}
.ar-btn-primary:hover{background:var(--ar-orange-deep);color:#fff}
.ar-btn-ghost{background:transparent;color:var(--ar-green);box-shadow:inset 0 0 0 1.5px var(--ar-green)}
.ar-btn-ghost:hover{background:var(--ar-green);color:#fff}

/* ── Hero ─────────────────────────────────────────────── */
.ar-hero{padding:14px 0 0}
.ar-hero-grid{display:grid;gap:22px}
.ar-hero-grid > *{min-width:0}
/* Fil d'Ariane (gowouf_breadcrumb_article) : une ligne qui défile sur mobile */
.ar-hero .breadcrumb{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:0 calc(var(--ar-gutter) * -1) 6px;padding:0 var(--ar-gutter);overflow-x:auto;scrollbar-width:none;white-space:nowrap;font-size:13.5px;line-height:1.3;color:var(--ar-grey)}
.ar-hero .breadcrumb::-webkit-scrollbar{display:none}
.ar-hero .breadcrumb a{color:var(--ar-grey);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.ar-hero .breadcrumb a:hover{color:var(--ar-green);text-decoration:underline;text-underline-offset:3px}
.ar-hero .breadcrumb-sep{opacity:.45}
.ar-nowrap{white-space:nowrap}
.ar-hero h1{font-size:clamp(29px,7.6vw,48px);line-height:1.06;letter-spacing:-.024em;font-variation-settings:"SOFT" 50,"WONK" 1;color:var(--ar-ink)}
.ar-answer{margin:16px 0 0;padding-left:13px;border-left:3px solid var(--ar-green-mid);font-size:17px;line-height:1.6;color:#2B2B2B;max-width:40em}
.ar-byline{margin:14px 0 0;font-size:13.5px;color:var(--ar-grey);display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.ar-byline-mark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ar-green);color:#fff;font-family:"Nunito",var(--ar-sans);font-weight:800;font-size:13px;letter-spacing:-.04em}

/* Faits rapides propres à l'article (gowouf_quick_facts) */
.ar-qf{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin:16px 0 0;background:var(--ar-line);border:1px solid var(--ar-line);border-radius:12px;overflow:hidden;max-width:40em}
.ar-qf div{background:var(--ar-white);padding:9px 12px}
.ar-qf dt{font-size:12.5px;color:var(--ar-grey);line-height:1.3}
.ar-qf dd{margin:2px 0 0;font-weight:600;font-size:14.5px;line-height:1.35}

/* Fiche de la race (articles race) : barre compacte sur mobile, carte complète à droite du hero sur desktop */
.ar-race{background:var(--ar-white);border:1px solid var(--ar-line);border-radius:var(--ar-r-md);overflow:hidden}
.ar-race-photo{display:none}
.ar-race-head{display:flex;align-items:center;gap:12px;padding:12px 14px 0;text-decoration:none;color:inherit}
.ar-race-av{width:48px;height:48px;border-radius:50%;overflow:hidden;flex:none;background:var(--ar-green-pale)}
.ar-race-av img{width:100%;height:100%;object-fit:cover}
.ar-race-id{min-width:0;flex:1}
.ar-race-name{font-family:var(--ar-serif);font-weight:600;font-size:19px;line-height:1.15;color:var(--ar-ink);display:flex;align-items:center;gap:6px}
.ar-race-name svg{width:16px;height:16px;color:var(--ar-green);flex:none;transition:transform .15s ease}
.ar-race-head:hover .ar-race-name svg{transform:translateX(3px)}
.ar-race-head:hover .ar-race-name span{text-decoration:underline;text-underline-offset:3px}
.ar-race-kicker{display:none;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-facts{display:flex;flex-wrap:wrap;gap:0 12px;margin:2px 0 0;padding:0 14px 0 74px;font-size:13.5px;color:#3D3D3D}
.ar-facts div{display:flex}
.ar-facts dt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.ar-facts dd{margin:0;font-weight:500}
.ar-facts .ar-f-ex{display:none}
.ar-guides{margin-top:10px;padding:10px 0 12px;border-top:1px dashed var(--ar-line)}
.ar-guides-title{margin:0 14px 6px;font-size:13.5px;font-weight:600;color:var(--ar-ink);display:flex;justify-content:space-between;align-items:center;gap:12px}
.ar-guides-title a{display:none;color:var(--ar-green);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ar-scroller{position:relative}
.ar-scroller::after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff);pointer-events:none}
.ar-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;list-style:none;margin:0;padding:0 40px 0 14px}
.ar-pills::-webkit-scrollbar{display:none}
.ar-pills li{flex:none}
.ar-pills a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border-radius:999px;background:var(--ar-green-pale);color:var(--ar-green);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .15s,color .15s}
.ar-pills a:hover{background:var(--ar-green);color:#fff}
.ar-pills a[aria-current="page"]{background:var(--ar-green);color:#fff;font-weight:600}

/* Rubrique au-dessus du H1 (articles thématiques) */
.ar-rubric{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;margin:0 0 12px;border-radius:999px;background:var(--ar-green-pale);color:var(--ar-green);font-size:13.5px;font-weight:600;text-decoration:none}
.ar-rubric:hover{background:var(--ar-green);color:#fff}

/* Carte rubrique (articles thématiques) : même geste que la fiche race. Compacte sur mobile, carte du panneau vert sur desktop */
.ar-rub{background:var(--ar-white);border:1px solid var(--ar-line);border-radius:var(--ar-r-md);overflow:hidden}
.ar-rub-head{display:flex;align-items:center;gap:12px;padding:12px 14px 2px;text-decoration:none;color:inherit}
.ar-rub-icon{width:48px;height:48px;border-radius:14px;flex:none;display:grid;place-items:center;background:var(--ar-green-pale);color:var(--ar-green)}
.ar-rub-icon svg{width:26px;height:26px}
.ar-rub-id{min-width:0;flex:1;display:flex;flex-direction:column}
.ar-rub-kicker{font-size:12.5px;color:var(--ar-grey);line-height:1.3}
.ar-rub-name{font-family:var(--ar-serif);font-weight:600;font-size:19px;line-height:1.2;color:var(--ar-ink);display:block}
.ar-rub-name svg{display:inline-block;vertical-align:-2px;margin-left:6px}
.ar-rub-name svg{width:16px;height:16px;color:var(--ar-green);transition:transform .15s ease}
.ar-rub-head:hover .ar-rub-name svg{transform:translateX(3px)}
.ar-rub-head:hover .ar-rub-name span{text-decoration:underline;text-underline-offset:3px}
.ar-rub-count{font-size:13.5px;color:#3D3D3D;font-weight:500}
.ar-rub-qs{display:none}
.ar-pills a.ar-pill-urg{background:#FFF4EA;color:#7A3705}
.ar-pills a.ar-pill-urg:hover{background:var(--ar-orange);color:#fff}

/* Image d'illustration (articles thématiques) : desktop uniquement */
.ar-hero-media{display:none}

/* ── Mise en page article ─────────────────────────────── */
.ar-layout{padding:22px 0 8px}
.ar-layout-grid{display:grid;gap:0}
.ar-layout-grid > *{min-width:0}
.ar-toc-side{display:none}
.ar-mnav{display:grid;gap:10px;margin-bottom:28px}
.ar-back{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;background:var(--ar-white);border:1.5px solid var(--ar-line);text-decoration:none;color:var(--ar-green);font-weight:600;font-size:14.5px}
.ar-back svg{width:16px;height:16px}
.ar-back:hover{border-color:var(--ar-green)}
.ar-mtoc{background:var(--ar-white);border:1px solid var(--ar-line);border-radius:var(--ar-r-md)}
.ar-mtoc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;font-weight:600;font-size:15px;color:var(--ar-ink);border-radius:var(--ar-r-md)}
.ar-mtoc summary::-webkit-details-marker{display:none}
.ar-mtoc summary svg{width:20px;height:20px;color:var(--ar-green);flex:none}
.ar-mtoc summary .ar-count{font-weight:400;color:var(--ar-grey);font-size:14px}
.ar-mtoc summary .ar-chev{margin-left:auto;color:var(--ar-grey);transition:transform .2s ease}
.ar-mtoc[open] summary .ar-chev{transform:rotate(180deg)}
.ar-toc-list{list-style:none;margin:0;padding:0;counter-reset:ar-toc}
.ar-mtoc .ar-toc-list{padding:0 16px 8px}
.ar-toc-list li{counter-increment:ar-toc}
.ar-toc-list a{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:baseline;gap:6px;padding:11px 0;min-height:44px;box-sizing:border-box;border-top:1px solid var(--ar-line);text-decoration:none;color:var(--ar-text);font-size:15px;line-height:1.35}
.ar-toc-list a::before{content:counter(ar-toc,decimal-leading-zero);font-family:var(--ar-serif);font-style:italic;font-size:14px;color:var(--ar-green-mid)}
.ar-toc-list a:hover{color:var(--ar-green);text-decoration:underline;text-underline-offset:3px}

/* ── Contenu ──────────────────────────────────────────── */
.ar-content{max-width:690px;font-size:16.5px;line-height:1.7;color:var(--ar-text)}
.ar-content > :first-child{margin-top:0}
.ar-content p{margin:0 0 1.05em}
.ar-content a{color:var(--ar-green);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.ar-content a:hover{color:var(--ar-orange-deep)}
.ar-content strong{font-weight:600;color:var(--ar-ink)}
.ar-content h2{font-size:clamp(25px,6.4vw,33px);line-height:1.12;letter-spacing:-.02em;margin:1.9em 0 .55em;color:var(--ar-ink);scroll-margin-top:88px}
.ar-content h2::after{content:none;display:none}
.ar-content h3{font-size:20px;line-height:1.25;margin:1.6em 0 .4em;color:var(--ar-ink);scroll-margin-top:88px}
.ar-content ul, .ar-content ol{margin:0 0 1.15em;padding:0;list-style:none;display:grid;gap:8px}
.ar-content ul > li{position:relative;padding-left:24px}
.ar-content ul > li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--ar-green-mid)}
.ar-content ol{counter-reset:ar-ol}
.ar-content ol > li{position:relative;padding-left:32px;counter-increment:ar-ol}
.ar-content ol > li::before{content:counter(ar-ol);position:absolute;left:0;top:.1em;width:22px;height:22px;border-radius:50%;background:var(--ar-green-pale);color:var(--ar-green);font-size:12.5px;font-weight:700;display:grid;place-items:center;line-height:1}
.ar-content .cluster-tableau-wrap{margin:1.4em 0;border:1px solid var(--ar-line);border-radius:var(--ar-r-md);overflow:auto;background:var(--ar-white)}
.ar-content .cluster-tableau-wrap table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45}
.ar-content .cluster-tableau-wrap th{background:var(--ar-green-pale);color:var(--ar-green);text-align:left;font-weight:600;padding:11px 14px;font-size:14px}
.ar-content .cluster-tableau-wrap td{padding:11px 14px;border-top:1px solid var(--ar-line);background:var(--ar-white);vertical-align:top}
.ar-content .cluster-tableau-wrap tr:nth-child(even) td{background:#FBFAF8}
.ar-content .callout{border:0;border-radius:var(--ar-r-md);padding:16px 18px;margin:1.4em 0;font-size:15.5px;line-height:1.6}
.ar-content .callout-info{background:#FBF1DE}
.ar-content .callout-tip{background:var(--ar-green-pale)}
.ar-content .callout-warning{background:#FDECEC}

/* Encadrés « À lire aussi », comparaison, prénoms : même famille que les questions de l'accueil */
.ar-content .read-also{margin:1.8em 0;padding:4px 18px 6px;background:var(--ar-white);border:1px solid var(--ar-line);border-left:0;border-radius:var(--ar-r-md)}
.ar-content .read-also-title{margin:12px 0 2px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ar-green)}
.ar-content .read-also ul{gap:0;margin:0}
.ar-content .read-also li{padding:0;border-top:1px solid var(--ar-line)}
.ar-content .read-also li:first-child{border-top:0}
.ar-content .read-also li::before{content:none}
.ar-content .read-also li a{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:14px;min-height:54px;padding:10px 0;text-decoration:none;color:var(--ar-ink);font-family:var(--ar-serif);font-size:17px;line-height:1.3}
.ar-content .read-also li a::after{content:"";width:28px;height:28px;border-radius:50%;border:1px solid var(--ar-line);background:var(--ar-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E5C3A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat;transition:background-color .15s,border-color .15s,transform .2s ease}
.ar-content .read-also li a:hover{color:var(--ar-green)}
.ar-content .read-also li a:hover::after{border-color:var(--ar-green);transform:translateX(3px)}
/* Encadré avec texte et lien dans la phrase (prénoms) : ligne de texte normale */
.ar-content .read-also li:not(:has(> a:only-child)){padding:10px 0;font-size:15.5px;line-height:1.55}

/* FAQ et sources */
.ar-content .ar-faq{display:grid;gap:10px;margin:0 0 1.2em}
.ar-content .ar-faq-item{background:var(--ar-white);border:1px solid var(--ar-line);border-radius:var(--ar-r-md);padding:16px 18px 4px}
.ar-content .ar-faq-item h3{margin:0 0 .45em;font-size:18px;line-height:1.3}
.ar-content .ar-faq-item p{font-size:15.5px;line-height:1.65}
.ar-content .ar-sources{margin-top:2.4em;padding-top:18px;border-top:1px solid var(--ar-line);font-size:14px;line-height:1.55;color:var(--ar-grey)}
.ar-content .ar-sources h2{font-size:18px;margin:0 0 10px;font-family:var(--ar-sans);font-weight:600;letter-spacing:0;color:var(--ar-ink)}
.ar-content .ar-sources ul{gap:6px}
.ar-content .ar-sources ul > li::before{width:5px;height:5px;background:var(--ar-grey);top:.65em}

/* ── Après l'article ──────────────────────────────────── */
.ar-after{max-width:690px;padding:12px 0 48px;display:grid;gap:14px}
.ar-tools{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.ar-tools li{display:grid}
.ar-tool{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:14px;padding:16px;border-radius:var(--ar-r-md);background:var(--ar-white);border:1px solid var(--ar-line);text-decoration:none;color:var(--ar-ink);min-height:76px;box-sizing:border-box;transition:border-color .15s}
.ar-tool:hover{border-color:var(--ar-green)}
.ar-tool-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--ar-green-pale);color:var(--ar-green)}
.ar-tool-icon svg{width:24px;height:24px}
.ar-tool-title{display:block;font-family:var(--ar-serif);font-weight:600;font-size:17.5px;line-height:1.25}
.ar-tool-desc{display:block;font-size:13.5px;color:var(--ar-grey);margin-top:2px}
.ar-tool-arrow{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ar-line);color:var(--ar-green);transition:transform .2s ease}
.ar-tool-arrow svg{width:14px;height:14px}
.ar-tool:hover .ar-tool-arrow{transform:translateX(3px);border-color:var(--ar-green)}
.ar-assur{display:grid;gap:12px;padding:20px;border-radius:var(--ar-r-md);background:#FFF4EA;border:1px solid #F0C9A6}
.ar-assur-badge{justify-self:start;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7A3705}
.ar-assur p{margin:0;font-family:var(--ar-serif);font-size:19px;line-height:1.35;color:var(--ar-ink)}
.ar-assur .ar-btn{justify-self:start;border-radius:14px;padding:10px 20px;text-align:center;line-height:1.35}

/* Autres guides : bande vert sombre, comme « Les questions que se posent les maîtres » de l'accueil */
.ar-more{background:var(--ar-forest);color:#EEF2EC;padding:56px 0 64px}
.ar-more h2{font-size:clamp(28px,6.4vw,42px);line-height:1.08;color:#fff}
.ar-more-lede{margin:10px 0 0;color:#C9D6CC;font-size:16px;max-width:52ch}
.ar-more-list{list-style:none;margin:24px 0 0;padding:0;display:grid;column-gap:48px}
.ar-more-list a{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:14px;padding:13px 0;min-height:56px;box-sizing:border-box;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.14)}
.ar-more-kicker{display:block;font-family:var(--ar-sans);font-size:12.5px;font-weight:600;color:#A9C7B3;margin-bottom:2px}
.ar-more-q{display:block;font-family:var(--ar-serif);font-size:17px;line-height:1.3;color:#fff}
.ar-more-arrow{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);color:#fff;transition:background-color .15s,border-color .15s,transform .2s ease}
.ar-more-arrow svg{width:14px;height:14px}
.ar-more-list a:hover .ar-more-q{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.ar-more-list a:hover .ar-more-arrow{background:var(--ar-orange);border-color:var(--ar-orange);transform:translateX(3px)}
.ar-more-hub{margin-top:26px}
.ar-more-hub .ar-btn{background:#fff;color:var(--ar-green)}
.ar-more-hub .ar-btn:hover{background:var(--ar-orange);color:#fff}

/* Barre « Sommaire » flottante (mobile, ajoutée par article.js) */
.ar-tocbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;display:flex;align-items:center;gap:12px;min-height:52px;padding:4px 6px 4px 18px;background:var(--ar-forest);color:#fff;border:0;border-radius:999px;box-shadow:0 14px 30px -12px rgba(0,0,0,.5);font:inherit;text-align:left;cursor:pointer;transition:transform .25s ease,opacity .25s ease}
.ar-tocbar[data-hidden]{transform:translateY(140%);opacity:0;pointer-events:none}
.ar-tocbar-label{flex:1;min-width:0;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-tocbar-label b{font-weight:600}
.ar-tocbar-n{flex:none;min-height:44px;padding:0 14px;border-radius:999px;background:#fff;color:var(--ar-green);font-weight:600;font-size:14px;display:inline-flex;align-items:center}
.ar-sheet{border:0;padding:0;margin:auto auto 0;width:100%;max-width:560px;max-height:80vh;border-radius:22px 22px 0 0;background:var(--ar-white);color:var(--ar-ink)}
.ar-sheet::backdrop{background:rgba(20,20,20,.45)}
.ar-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 6px 20px;position:sticky;top:0;background:var(--ar-white)}
.ar-sheet-head p{margin:0;font-family:var(--ar-serif);font-weight:600;font-size:20px}
.ar-sheet-close{width:44px;height:44px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--ar-ink)}
.ar-sheet-close svg{width:22px;height:22px}
.ar-sheet .ar-toc-list{padding:0 20px 20px}
.ar-sheet .ar-toc-list a[aria-current="true"]{color:var(--ar-green);font-weight:600}

@media (prefers-reduced-motion:reduce){
:where(.ar) *, :where(.ar) *::before, :where(.ar) *::after{transition:none!important;animation:none!important}
}

@media (min-width:640px){
.ar{--ar-gutter:28px}
.ar-tools{grid-template-columns:1fr 1fr}
.ar-more-list{grid-template-columns:1fr 1fr}
}

@media (min-width:1024px){
.ar{--ar-gutter:40px}
.ar-tocbar,.ar-sheet{display:none!important}
.ar-hero{padding:0}
.ar-hero-grid{grid-template-columns:minmax(0,1fr) 440px;gap:0 64px;align-items:stretch}
.ar-hero-text{padding:36px 0 44px;align-self:center}
.ar-hero--solo .ar-hero-grid{grid-template-columns:minmax(0,880px)}
.ar-hero--solo .ar-hero-text{padding-bottom:8px}
.ar-hero--solo .ar-answer{max-width:44em}
.ar-hero .breadcrumb{margin:0 0 10px;padding:0;flex-wrap:wrap;white-space:normal}
.ar-hero h1{font-size:46px}
.ar-answer{font-size:18px;margin-top:20px}
.ar-hero-side{position:relative;padding:36px 0 36px 40px;display:flex;align-items:center}
.ar-hero-side::before{content:"";position:absolute;top:0;bottom:0;left:0;right:calc((100vw - min(100vw, var(--ar-max))) / -2 - var(--ar-gutter));background:var(--ar-green);border-radius:0 0 0 var(--ar-r-lg);z-index:0}
.ar-hero-side > *{position:relative;z-index:1;width:100%}
.ar-race{border:0;border-radius:var(--ar-r-lg);box-shadow:0 30px 60px -30px rgba(10,30,18,.7)}
.ar-race-photo{display:block;position:relative;height:168px;overflow:hidden;background:var(--ar-green-pale)}
/* Bandeau 400 x 168 px (440 px de colonne moins 40 px de marge) : gowouf_article_race_card() passe ces dimensions à gowouf_photo_head_position(), qui cadre sur la tête (style en ligne) ; 18 % sans donnée */
.ar-race-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.ar-race-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,46,31,0) 35%,rgba(26,46,31,.88) 100%)}
.ar-race-head{position:absolute;left:0;right:0;top:96px;z-index:2;padding:0 18px;color:#fff}
.ar-race-av{display:none}
.ar-race-name{font-size:32px;font-style:italic;font-weight:500;color:#fff;letter-spacing:-.02em}
.ar-race-name svg{color:#fff;width:20px;height:20px}
.ar-race-kicker{display:block;color:rgba(255,255,255,.88);order:-1}
.ar-race-id{display:flex;flex-direction:column}
.ar-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ar-line);border:1px solid var(--ar-line);border-radius:12px;overflow:hidden;margin:16px 18px 0;padding:0}
.ar-facts div{display:block;background:var(--ar-paper);padding:8px 10px}
.ar-facts dt{position:static;width:auto;height:auto;clip:auto;font-size:12px;color:var(--ar-grey);line-height:1.3}
.ar-facts dd{font-weight:600;font-size:14px;line-height:1.25;color:var(--ar-ink)}
.ar-facts .ar-f-ex{display:block}
.ar-guides{margin:14px 18px 0;padding:12px 0 18px}
.ar-guides-title a{display:inline-flex;align-items:center;min-height:36px}
.ar-guides-title{margin:0 0 8px}
.ar-scroller::after{display:none}
.ar-pills{flex-wrap:wrap;overflow:visible;padding:0}
.ar-rub{border:0;border-radius:var(--ar-r-lg);box-shadow:0 30px 60px -30px rgba(10,30,18,.7)}
.ar-rub-head{padding:22px 20px 18px;background:var(--ar-green-pale);gap:16px}
.ar-rub-icon{width:60px;height:60px;border-radius:16px;background:var(--ar-white)}
.ar-rub-icon svg{width:32px;height:32px}
.ar-rub-kicker{font-size:13px;color:var(--ar-green);font-weight:600}
.ar-rub-name{font-size:27px;font-style:italic;font-weight:500;letter-spacing:-.02em;line-height:1.12}
.ar-rub-name svg{width:20px;height:20px}
.ar-rub-count{margin-top:2px}
.ar-rub-qs{display:block;padding:14px 20px 0}
.ar-rub-title{margin:0 0 2px;font-size:13.5px;font-weight:600}
.ar-rub-qs ul{list-style:none;margin:0;padding:0}
.ar-rub-qs li + li{border-top:1px solid var(--ar-line)}
.ar-rub-qs a{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:12px;padding:10px 0;text-decoration:none;color:var(--ar-ink);font-family:var(--ar-serif);font-size:16px;line-height:1.3}
.ar-rub-qs a:hover{color:var(--ar-green)}
.ar-rub-arrow{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ar-line);color:var(--ar-green);transition:transform .2s ease,border-color .15s}
.ar-rub-arrow svg{width:14px;height:14px}
.ar-rub-qs a:hover .ar-rub-arrow{transform:translateX(3px);border-color:var(--ar-green)}
.ar-rub-sibs{margin:12px 20px 0;padding:12px 0 20px}
.ar-hero-media{display:block;border-radius:var(--ar-r-lg);overflow:hidden;box-shadow:0 30px 60px -30px rgba(10,30,18,.7);aspect-ratio:4/3;background:var(--ar-green-pale)}
.ar-hero-media img{width:100%;height:100%;object-fit:cover}
.ar-layout{padding:56px 0 16px}
.ar-layout-grid{grid-template-columns:250px minmax(0,1fr);gap:72px}
.ar-toc-side{display:block;position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow:auto}
.ar-toc-side .ar-back{margin-bottom:20px}
.ar-toc-title{margin:0 0 4px;font-size:13.5px;font-weight:600;color:var(--ar-green)}
.ar-toc-side .ar-toc-list a{min-height:0;padding:9px 0;font-size:14.5px;color:#4A4A4A}
.ar-toc-side .ar-toc-list a[aria-current="true"]{color:var(--ar-green);font-weight:600}
.ar-mnav{display:none}
.ar-content{font-size:17.5px}
.ar-content h2{font-size:34px}
.ar-content h3{font-size:22px}
.ar-after{padding:16px 0 64px}
.ar-more{padding:72px 0 80px}
.ar-more h2{font-size:44px}
}
@media (min-width:1024px) and (pointer:fine){
.ar-pills a{min-height:36px}
}