const BATCH_ARTICLES={
  11:{cat:'Naturopathie',title:'Phytothérapie : qu’est-ce que c’est et quelle place en naturopathie ?',shortTitle:'Phytothérapie et naturopathie',date:'16 août 2026',read:'8 min',author:'Trainin Center',image:'assets/phytotherapie-naturopathie-sans-texte.png',expectedImage:'assets/phytotherapie-naturopathie-sans-texte.png',objectPositionDesktop:'center',objectPositionMobile:'58% center',objectFitMobile:'cover',alt:'Plantes médicinales et précautions d’usage en phytothérapie',excerpt:'Plantes, formes d’utilisation, interactions et précautions : découvrez la place de la phytothérapie dans un accompagnement naturopathique responsable.'},
  12:{cat:'Hygiène de vie',title:'Naturopathie et sommeil : quelles habitudes pour favoriser un meilleur équilibre ?',shortTitle:'Naturopathie et sommeil',date:'16 août 2026',read:'7 min',author:'Trainin Center',image:'assets/naturopathie-sommeil-habitudes-sans-texte.png',expectedImage:'assets/naturopathie-sommeil-habitudes-sans-texte.png',objectPositionDesktop:'center',objectPositionMobile:'65% center',objectFitMobile:'cover',alt:'Habitudes quotidiennes favorisant un sommeil équilibré',excerpt:'Horaires, écrans, excitants, activité physique et environnement : découvrez les habitudes quotidiennes pouvant favoriser un meilleur sommeil.'},
  13:{cat:'Hygiène de vie',title:'Stress et hygiène de vie : quelles approches utilise la naturopathie ?',shortTitle:'Stress et hygiène de vie',date:'16 août 2026',read:'8 min',author:'Trainin Center',image:'assets/stress-hygiene-de-vie-naturopathie-sans-texte.png',expectedImage:'assets/stress-hygiene-de-vie-naturopathie-sans-texte.png',objectPositionDesktop:'center',objectPositionMobile:'64% center',objectFitMobile:'cover',alt:'Approches d’hygiène de vie face au stress',excerpt:'Sommeil, activité physique, respiration et récupération : découvrez comment la naturopathie aborde l’hygiène de vie face au stress.'},
  14:{cat:'Formation & reconversion',title:'Peut-on devenir naturopathe à 40 ou 50 ans ? Réussir sa reconversion',shortTitle:'Devenir naturopathe à 40 ou 50 ans',date:'16 août 2026',read:'9 min',author:'Trainin Center',image:'assets/devenir-naturopathe-40-50-ans-reconversion-video.png',expectedImage:'assets/devenir-naturopathe-40-50-ans-reconversion-video.png',objectPositionDesktop:'center top',objectPositionMobile:'45% center',objectFitMobile:'cover',alt:'Préparer une reconversion en naturopathie à 40 ou 50 ans',excerpt:'Formation, organisation, finances et lancement : les repères essentiels pour préparer une reconversion progressive à 40 ou 50 ans.'},
  15:{cat:'Formation & reconversion',title:'Quelles compétences faut-il pour devenir naturopathe ?',shortTitle:'Les compétences du naturopathe',date:'16 août 2026',read:'10 min',author:'Trainin Center',image:'assets/competences-devenir-naturopathe.png',expectedImage:'assets/competences-devenir-naturopathe.png',objectPositionDesktop:'center bottom',objectPositionMobile:'center bottom',objectFitMobile:'cover',alt:'Compétences essentielles pour devenir naturopathe',excerpt:'Écoute, anatomie, alimentation, techniques naturelles, déontologie et entrepreneuriat : découvrez les compétences essentielles du naturopathe.'}
};

const OFFICIAL_LINKS={
  ansesPlants:'https://www.anses.fr/fr/content/complements-alimentaires-base-de-plantes-vers-une-meilleure-information-des-consommateurs',
  ansesSupplements:'https://www.anses.fr/fr/content/dossier/complements-alimentaires-tout-savoir-sur-les-usages-et-risques',
  ameliSleepDefinition:'https://www.ameli.fr/assure/sante/themes/insomnie-adulte/definition-facteurs-favorisants',
  ameliSleepAdvice:'https://www.ameli.fr/assure/sante/themes/insomnie-adulte/vivre-insomnie',
  ameliMentalHealth:'https://www.ameli.fr/assure/sante/themes/sante-mentale-de-l-adulte/sante-mentale-de-l-adulte-comment-etre-aide',
  ameliActivity:'https://www.ameli.fr/assure/sante/themes/activite-physique-sante/sport-et-activite-physique-un-atout-pour-le-bien-etre',
  dgccrf:'https://www.economie.gouv.fr/dgccrf/les-fiches-pratiques/pratiques-de-soins-non-conventionnelles-soyez-attentif-aux-informations-fournies',
  ptp:'https://www.service-public.fr/particuliers/vosdroits/F14018',
  cpf:'https://www.service-public.fr/particuliers/vosdroits/F10705',
  qualiopi:'https://travail-emploi.gouv.fr/qualiopi-marque-de-certification-qualite-des-prestataires-de-formation'
};

const BATCH_HEADINGS={
  11:['Qu’est-ce que la phytothérapie ?','Pourquoi la phytothérapie occupe-t-elle une place importante en naturopathie ?','Une plante peut-elle avoir des effets indésirables ?','Plantes et médicaments : pourquoi faut-il être prudent ?','Phytothérapie et complément alimentaire : est-ce la même chose ?','Exemple : la mauvaise approche','Exemple : une approche plus professionnelle','Peut-on apprendre la phytothérapie uniquement avec des fiches de plantes ?','Phytothérapie et responsabilité du naturopathe','Se former à la phytothérapie','À retenir'],
  12:['Pourquoi s’intéresser au sommeil en naturopathie ?','1. Retrouver des horaires relativement réguliers','2. Faire attention aux excitants','3. Réduire progressivement la stimulation en soirée','4. Bouger pendant la journée','5. Aménager l’environnement de sommeil','Exemple : pourquoi faut-il regarder l’ensemble du quotidien ?','Les plantes sont-elles nécessaires pour mieux dormir ?','Quand faut-il consulter un médecin ?','Quelle est alors la place du naturopathe ?','Se former à l’accompagnement du sommeil','À retenir'],
  13:['Le naturopathe ne « traite » pas le stress comme une maladie','1. Identifier les principales sources de tension','2. Revenir aux fondamentaux de l’hygiène de vie','3. Intégrer une activité physique réaliste','4. Utiliser la respiration comme outil de transition','5. Préserver des périodes sans sollicitation','Exemple : le cas de Julie','Stress et sommeil : un lien à observer','Et si le stress devient trop important ?','Stress : attention aux promesses commerciales','Le véritable intérêt d’un accompagnement','Se former à l’accompagnement','À retenir'],
  14:['Est-il trop tard pour devenir naturopathe à 40 ou 50 ans ?','L’expérience professionnelle précédente peut devenir un avantage','Le premier défi : trouver du temps pour se former','Faut-il quitter son emploi avant de commencer ?','Attention : naturopathe n’est pas une profession médicale','Combien de temps faut-il avant de pouvoir se lancer ?','À 40 ou 50 ans, faut-il nécessairement ouvrir un cabinet ?','Préparer l’aspect financier avant de se lancer','Exemple de transition progressive','Les qualités acquises avec l’âge peuvent être utiles','Comment savoir si la naturopathie correspond réellement à votre projet ?','La formation à distance peut-elle être adaptée à une reconversion ?','Préparer aussi l’installation professionnelle','Se former à distance pour organiser sa transition','À retenir'],
  15:['1. Comprendre les bases du fonctionnement du corps humain','2. Comprendre l’alimentation sans tomber dans les règles extrêmes','3. Connaître les principales techniques naturopathiques','4. Savoir conduire une consultation','5. Savoir prioriser','6. Développer l’écoute et la relation humaine','7. Connaître les limites de la naturopathie','8. Savoir rechercher une information fiable','9. Comprendre la posture entrepreneuriale','10. Continuer à apprendre après la formation','Quelles qualités personnelles sont utiles ?','Faut-il être professionnel de santé avant de devenir naturopathe ?','Comment choisir une formation permettant de développer ces compétences ?','Les compétences entrepreneuriales sont-elles vraiment indispensables ?','Peut-on développer ces compétences lors d’une reconversion ?','Se former pour devenir un praticien responsable','À retenir']
};

const BATCH_H3=new Set(['Phase 1 : apprendre','Phase 2 : préparer','Phase 3 : tester','Phase 4 : décider']);
const BATCH_LIST_RANGES={
  11:[['infusion ;','préparation contenant plusieurs plantes.'],['leurs parties utilisées ;','les situations nécessitant un avis médical ou pharmaceutique.'],['grossesse ;','allergies connues.'],['à la durée du problème ;','aux conséquences du manque de sommeil pendant la journée.'],['les principales familles de constituants ;','les limites du conseil.'],['promettre qu’une plante guérira une maladie ;','minimiser une contre-indication.'],['ANSES — compléments alimentaires à base de plantes','DGCCRF — pratiques de soins non conventionnelles']],
  12:[['à quelle heure la personne se couche ;','si elle utilise beaucoup les écrans le soir.'],['une lumière plus douce ;','une réduction progressive des sollicitations numériques.'],['termine régulièrement de travailler à 22 h ;','se lève à des horaires très variables.'],['les difficultés durent ;','l’état psychologique se dégrade.'],['rythme ;','gestion du stress.'],['Assurance Maladie — insomnie chez l’adulte','DGCCRF — pratiques de soins non conventionnelles']],
  13:[['Travail ?','Absence totale de périodes de récupération ?'],['dort moins ;','reste connectée en permanence.'],['déjeuner sans téléphone ;','prévoir une partie de soirée sans notifications.'],['des journées de travail de dix heures ;','environ six heures de sommeil.'],['recréer une vraie pause déjeuner ;','revoir la consommation d’excitants.'],['observer son quotidien ;','suivre leur évolution.'],['sommeil ;','organisation du quotidien.'],['Assurance Maladie — santé mentale de l’adulte','DGCCRF — pratiques de soins non conventionnelles']],
  14:[['relation client ;','connaissance d’un secteur professionnel.'],['deux soirées par semaine ;','une organisation par modules.'],['de vérifier que le domaine correspond réellement à ses attentes ;','de constituer une sécurité financière.'],['du volume de formation ;','de la vitesse à laquelle la personne souhaite lancer son activité.'],['consultations en cabinet ;','activité complémentaire à un autre métier.'],['les dépenses personnelles mensuelles ;','le délai probable avant d’obtenir une clientèle régulière.'],['Est-ce que j’aime réellement accompagner et écouter ?','Ai-je réfléchi au modèle économique de mon activité ?'],['le statut de l’activité ;','l’organisation des consultations.'],['conserver une sécurité financière ;','limiter certaines prises de risque.'],['Service-Public — Projet de transition professionnelle','DGCCRF — pratiques de soins non conventionnelles']],
  15:[['anatomie ;','vocabulaire médical essentiel.'],['phytothérapie ;','différentes approches de l’hygiène de vie.'],['accueillir la personne ;','expliquer clairement ses recommandations.'],['Priorité 1 : retrouver des horaires de sommeil plus réguliers.','Priorité 3 : remettre progressivement de l’activité physique.'],['de ne pas juger ;','de respecter les choix de la personne.'],['qu’il ne pose pas de diagnostic médical ;','qu’il doit orienter vers un médecin lorsque cela est nécessaire.'],['les sources institutionnelles ;','les informations actualisées.'],['définir son offre ;','organiser son temps.'],['curiosité ;','envie de continuer à apprendre.'],['la place accordée à l’anatomie et à la physiologie ;','l’accès aux contenus.'],['communication ;','acquisition de clientèle.'],['des connaissances ;','et, pour ceux qui souhaitent s’installer, des compétences entrepreneuriales.']]
};

const BATCH_LINK_RULES={
  11:[
    ['techniques naturopathiques','/blog/10-techniques-naturopathiques.html'],['hygiène de vie','/blog/hygiene-vitale-naturopathie.html'],['compléments alimentaires à base de plantes',OFFICIAL_LINKS.ansesPlants],['L’Anses',OFFICIAL_LINKS.ansesSupplements],['La DGCCRF',OFFICIAL_LINKS.dgccrf],['ANSES — compléments alimentaires à base de plantes',OFFICIAL_LINKS.ansesPlants],['ANSES — usages et risques des compléments alimentaires',OFFICIAL_LINKS.ansesSupplements],['DGCCRF — pratiques de soins non conventionnelles',OFFICIAL_LINKS.dgccrf]
  ],
  12:[
    ['consultation de naturopathie','/blog/comment-se-deroule-consultation-naturopathie.html'],['hygiène de vie','/blog/hygiene-vitale-naturopathie.html'],['gestion du stress','/blog/stress-hygiene-de-vie-naturopathie.html'],['L’Assurance Maladie',OFFICIAL_LINKS.ameliSleepAdvice],['L’Anses',OFFICIAL_LINKS.ansesSupplements],['La DGCCRF',OFFICIAL_LINKS.dgccrf],['Assurance Maladie — insomnie chez l’adulte',OFFICIAL_LINKS.ameliSleepDefinition],['Assurance Maladie — conseils pour mieux dormir',OFFICIAL_LINKS.ameliSleepAdvice],['ANSES — compléments alimentaires',OFFICIAL_LINKS.ansesSupplements],['DGCCRF — pratiques de soins non conventionnelles',OFFICIAL_LINKS.dgccrf]
  ],
  13:[
    ['“Naturopathie et sommeil : quelles habitudes pour favoriser un meilleur équilibre ?”','/blog/naturopathie-sommeil-habitudes.html'],['“Qu’est-ce que l’hygiène vitale en naturopathie ? Principes et exemples”','/blog/hygiene-vitale-naturopathie.html'],['L’Assurance Maladie',OFFICIAL_LINKS.ameliMentalHealth],['La DGCCRF',OFFICIAL_LINKS.dgccrf],['Assurance Maladie — santé mentale de l’adulte',OFFICIAL_LINKS.ameliMentalHealth],['Assurance Maladie — stress et prévention',OFFICIAL_LINKS.ameliActivity],['DGCCRF — pratiques de soins non conventionnelles',OFFICIAL_LINKS.dgccrf]
  ],
  14:[
    ['de nombreuses compétences transférables','/blog/competences-devenir-naturopathe.html'],['Projet de transition professionnelle',OFFICIAL_LINKS.ptp],['Le CPF',OFFICIAL_LINKS.cpf],['La DGCCRF',OFFICIAL_LINKS.dgccrf],['“Quel est le salaire d’un naturopathe en 2026 ? Revenus, tarifs et réalité du métier.”','/blog/salaire-naturopathe-revenus.html'],['“Comment devenir naturopathe en 2026 ? Formation, compétences et débouchés”','/blog/comment-devenir-naturopathe.html'],['“Formation naturopathe à distance : comment choisir une formation sérieuse en 2026 ?”','/blog/formation-naturopathe-distance-choisir.html'],['“S’installer comme naturopathe en 2026 : statut, démarches et premiers clients.”','/blog/sinstaller-comme-naturopathe.html'],['Service-Public — Projet de transition professionnelle',OFFICIAL_LINKS.ptp],['Service-Public — Compte personnel de formation',OFFICIAL_LINKS.cpf],['DGCCRF — pratiques de soins non conventionnelles',OFFICIAL_LINKS.dgccrf]
  ],
  15:[
    ['principales techniques naturopathiques','/blog/10-techniques-naturopathiques.html'],['“Phytothérapie : qu’est-ce que c’est et quelle place en naturopathie ?”','/blog/phytotherapie-naturopathie.html'],['“Comment se déroule une consultation de naturopathie ? Étapes, objectifs et rôle du praticien.”','/blog/comment-se-deroule-consultation-naturopathie.html'],['“S’installer comme naturopathe en 2026 : statut, démarches et premiers clients.”','/blog/sinstaller-comme-naturopathe.html'],['“Quel est le salaire d’un naturopathe en 2026 ? Revenus, tarifs et réalité du métier.”','/blog/salaire-naturopathe-revenus.html'],['“Peut-on devenir naturopathe à 40 ou 50 ans ? Réussir sa reconversion.”','/blog/devenir-naturopathe-40-50-ans-reconversion.html'],['L’Anses',OFFICIAL_LINKS.ansesSupplements],['La DGCCRF',OFFICIAL_LINKS.dgccrf],['Qualiopi',OFFICIAL_LINKS.qualiopi]
  ]
};

function batchSlug(text){return text.normalize('NFD').replace(/[\u0300-\u036f]/g,'').toLowerCase().replace(/[«»“”’?':.,]/g,'').replace(/[^a-z0-9]+/g,'-').replace(/^-|-$/g,'')}
function batchExtractArticle(source,id){const startMark=`ARTICLE ${id}\n`;const start=source.indexOf(startMark);if(start<0)return[];const next=id<15?source.indexOf(`\nARTICLE ${id+1}\n`,start):-1;const chunk=source.slice(start+startMark.length,next<0?source.length:next);const lines=chunk.split(/\n+/).map(x=>x.trim()).filter(Boolean);if(lines[0]===BATCH_ARTICLES[id].title)lines.shift();return lines}
function BatchInline({id,text}){const rules=BATCH_LINK_RULES[id]||[];const out=[];let rest=text;let key=0;while(rest){let best=null;for(const rule of rules){const at=rest.indexOf(rule[0]);if(at>=0&&(!best||at<best.at||(at===best.at&&rule[0].length>best.label.length)))best={at,label:rule[0],href:rule[1]}}if(!best){out.push(rest);break}if(best.at>0)out.push(rest.slice(0,best.at));out.push(<a key={`${key++}-${best.href}`} href={best.href}>{best.label}</a>);rest=rest.slice(best.at+best.label.length)}return <>{out}</>}

function BatchHero({article,m}){
  return <figure style={{margin:m?'34px 0 0':'36px auto 0',maxWidth:m?undefined:840}}>{article.image?<img src={article.image} alt={article.alt} style={{display:'block',width:'100%',height:m?320:460,objectFit:m?(article.objectFitMobile||'cover'):'cover',objectPosition:m?(article.objectPositionMobile||'center'):(article.objectPositionDesktop||'center'),background:m&&article.objectFitMobile==='contain'?TC.off:undefined,borderRadius:m?20:28,boxShadow:'0 24px 60px -38px rgba(26,31,28,.42)'}}/>:<div role="img" aria-label={article.alt} style={{height:m?320:460,borderRadius:m?20:28,background:`linear-gradient(145deg,${TC.sageMist},${TC.off})`,border:`1px solid ${TC.sageHair}`,display:'flex',flexDirection:'column',alignItems:'center',justifyContent:'center',gap:12,color:TC.sageDeep,boxShadow:'0 24px 60px -38px rgba(26,31,28,.30)'}}><div aria-hidden="true" style={{width:74,height:74,borderRadius:'50%',display:'grid',placeItems:'center',background:'rgba(90,145,105,.12)',fontFamily:fontSerif,fontSize:42}}>❦</div><span style={{fontFamily:fontMono,fontSize:10.5,textTransform:'uppercase',letterSpacing:1}}>Image article à fournir</span><span style={{fontSize:12,color:TC.ink3}}>{article.expectedImage}</span></div>}</figure>
}
function BatchHeader({article,device}){const m=device==='mobile';return <header style={{background:TC.off,borderBottom:`1px solid ${TC.hair}`}}><div style={{maxWidth:1040,margin:'0 auto',padding:m?'38px 22px 48px':'54px 64px 60px'}}><nav aria-label="Fil d’Ariane" style={{display:'flex',gap:8,flexWrap:'wrap',fontSize:13,color:TC.ink3,marginBottom:28}}><a href="/" style={{color:'inherit'}}>Accueil</a><span>›</span><a href="/blog.html" style={{color:'inherit'}}>Blog</a><span>›</span><span>{article.shortTitle}</span></nav><Eyebrow variant="sage">{article.cat}</Eyebrow><h1 style={{fontSize:m?37:58,lineHeight:m?1.08:1.04,letterSpacing:m?-1.4:-2.2,fontWeight:520,maxWidth:920,margin:'20px 0 22px'}}><DistFrenchPunctuation>{article.title}</DistFrenchPunctuation></h1><p style={{fontSize:m?18:21,lineHeight:1.58,color:TC.ink2,maxWidth:800,margin:'0 0 24px'}}>{article.excerpt}</p><div style={{display:'flex',gap:10,flexWrap:'wrap',fontFamily:fontMono,fontSize:11.5,textTransform:'uppercase',letterSpacing:.4,color:TC.ink3}}><span>{article.author}</span><span>·</span><time dateTime="2026-08-16">{article.date}</time><span>·</span><span>{article.read} de lecture</span></div><BatchHero article={article} m={m}/></div><WhatsAppFAB/></header>}
function BatchVideos({m}){return <aside style={{margin:m?'34px 0':'46px 0',padding:m?'22px 18px':'32px 34px',borderRadius:20,background:TC.sageMist,border:`1px solid ${TC.sageHair}`,overflow:'hidden'}}><h3 style={{fontSize:m?21:24,lineHeight:1.3,margin:'0 0 9px',letterSpacing:-.5}}>Recevez 3 vidéos offertes pour découvrir la formation Praticien·ne naturopathe</h3><p style={{fontSize:m?15.5:16.5,lineHeight:1.6,color:TC.ink2,margin:'0 0 18px'}}>Découvrez le contenu du parcours, l’approche Trainin Center et les premières clés pour mieux comprendre le métier de naturopathe.</p><ThreeVideosForm m={m} hideTitle/></aside>}
function BatchTrainingCTA({m}){return <section style={{margin:'28px 0 40px',padding:m?'28px 22px':'34px 32px',borderRadius:20,background:`linear-gradient(155deg,${TC.sage},${TC.sageInk})`,color:'#fff'}}><a href="/formation-praticien-naturopathe.html" style={{display:'inline-flex',padding:'14px 18px',borderRadius:999,background:'#fff',border:'1px solid rgba(255,255,255,.3)',color:TC.sageInk,textDecoration:'none',fontWeight:600}}>Découvrir la formation Praticien·ne naturopathe</a></section>}

function BatchBody({id,lines,device}){
  const m=device==='mobile';const headings=new Set(BATCH_HEADINGS[id]);const ranges=BATCH_LIST_RANGES[id]||[];const rangeByStart=new Map(ranges.map(x=>[x[0],x]));const trainingHeading=BATCH_HEADINGS[id].find(x=>/^Se former/.test(x));const rendered=[];
  for(let i=0;i<lines.length;i++){
    const line=lines[i];
    if(id>=11&&id<=14&&line.startsWith('Sources officielles'))break;
    if(line===trainingHeading)rendered.push(<BatchVideos key={`videos-${id}`} m={m}/>);
    if(headings.has(line)){rendered.push(<DistH2 key={`h-${i}`} id={batchSlug(line)} m={m}><BatchInline id={id} text={line}/></DistH2>);continue}
    if(BATCH_H3.has(line)){rendered.push(<DistH3 key={`h3-${i}`} m={m}>{line}</DistH3>);continue}
    const range=rangeByStart.get(line);
    if(range){const end=lines.indexOf(range[1],i);const items=lines.slice(i,end+1);rendered.push(<DistList key={`list-${i}`} m={m}>{items.map(x=><li key={x}><BatchInline id={id} text={x}/></li>)}</DistList>);i=end;continue}
    if(line.startsWith('👉 Découvrir')){rendered.push(<BatchTrainingCTA key={`cta-${i}`} m={m}/>);continue}
    rendered.push(<DistP key={`p-${i}`} m={m}><BatchInline id={id} text={line}/></DistP>);
  }
  return <>{rendered}</>;
}

function ArticleBatchPage({device,articleId}){
  const id=Number(articleId);const article=BATCH_ARTICLES[id];const m=device==='mobile';const [source,setSource]=React.useState('');const [error,setError]=React.useState(false);
  React.useEffect(()=>{let live=true;fetch('/content/articles-11-15.txt?v=20260817-2').then(r=>{if(!r.ok)throw new Error(String(r.status));return r.text()}).then(t=>{if(live)setSource(t)}).catch(()=>{if(live)setError(true)});return()=>{live=false}},[]);
  const lines=source?batchExtractArticle(source,id):[];const toc=BATCH_HEADINGS[id].filter(x=>!x.startsWith('Sources officielles'));
  const jump=(e,heading)=>{e.preventDefault();document.getElementById(batchSlug(heading))?.scrollIntoView({behavior:'smooth',block:'start'});history.replaceState(null,'',location.pathname+'#'+batchSlug(heading))};
  return <div style={{fontFamily:fontSans,color:TC.ink,overflowX:m?'hidden':undefined}}><NavBar device={device}/><BatchHeader article={article} device={device}/><main className={m?undefined:'tc-article-layout'} style={m?{maxWidth:1080,margin:'0 auto',padding:'42px 22px 64px',display:'block',alignItems:'start'}:undefined}>{!m&&<nav className="tc-article-toc" aria-label="Sommaire" style={{top:105,border:`1px solid ${TC.hair}`,borderRadius:18,padding:'20px 18px',background:TC.off}}><div style={{fontFamily:fontMono,fontSize:10.5,textTransform:'uppercase',letterSpacing:1,color:TC.ink3,marginBottom:10}}>Dans ce guide</div>{toc.map(h=><a key={h} href={'#'+batchSlug(h)} onClick={e=>jump(e,h)} style={{display:'block',padding:'7px 4px',fontSize:13.5,lineHeight:1.35,color:TC.ink2,textDecoration:'none'}}>{h}</a>)}</nav>}<article className={m?undefined:'tc-article-content'}>{error?<p role="alert">Le contenu de l’article n’a pas pu être chargé.</p>:lines.length?<BatchBody id={id} lines={lines} device={device}/>:<p aria-live="polite" style={{color:TC.ink3}}>Chargement de l’article…</p>}</article></main><Footer device={device}/><style>{`@media (min-width:1024px){.tc-article-layout{width:100%;max-width:1180px;margin:0 auto;padding:64px 64px 96px;display:grid;grid-template-columns:240px minmax(0,748px);gap:64px;align-items:start}.tc-article-toc{position:sticky;top:105px;align-self:start;width:240px;max-height:calc(100vh - 130px);overflow-y:auto}.tc-article-content{width:100%;max-width:748px;min-width:0}}@media (min-width:1024px) and (max-width:1199px){.tc-article-layout{padding-left:30px;padding-right:30px;grid-template-columns:220px minmax(0,748px);gap:44px;justify-content:center}.tc-article-toc{width:220px}.tc-article-content{max-width:748px}}@media (min-width:768px) and (max-width:1023px){.tc-article-layout{max-width:820px;margin:0 auto;padding:56px 48px 84px;display:block}.tc-article-toc{position:static;margin-bottom:38px}.tc-article-content{max-width:720px;margin:0 auto}}`}</style></div>
}

Object.assign(window,{ArticleBatchPage,BATCH_ARTICLES});