/* Styles communs de la maquette, extraits des pages du site.
   FICHIER GÉNÉRÉ — voir generer_articles.py. */

    :root{
      
      --color-bg:#eef4f9; --color-surface:#ffffff; --color-text:#16222c;
      --color-neutral-100:#f6fafd; --color-neutral-200:#e7eef4; --color-neutral-300:#CBD5DC; --color-neutral-400:#B9C2C8; --color-neutral-500:#92a4b1; --color-neutral-600:#748492; --color-neutral-700:#586771; --color-neutral-800:#3d4952; --color-neutral-900:#272f36;
      --color-accent:#0D4A72; --color-accent-100:#E7F1F8; --color-accent-200:#C8DFEF; --color-accent-300:#9AC5E2; --color-accent-400:#6BA9D4; --color-accent-500:#3E93D4; --color-accent-600:#16628F; --color-accent-700:#0D4A72; --color-accent-800:#093C5E; --color-accent-900:#062F4B;
      --color-accent-2:#F2C21C; --color-accent-2-100:#FEF6DC; --color-accent-2-200:#FCEBB0; --color-accent-2-300:#F9DC77; --color-accent-2-400:#F5CE45; --color-accent-2-500:#F2C21C; --color-accent-2-600:#C79C0C; --color-accent-2-700:#A07C09; --color-accent-2-800:#6E5506; --color-accent-2-900:#443504;
      --flag-vert:#14B53A; --flag-or:#FCD116; --flag-rouge:#CE1126;
    }
    :root{--font-heading:'Inter','Segoe UI',system-ui,sans-serif;--font-body:'Inter','Segoe UI',system-ui,sans-serif}
    html,body{font-family:'Inter','Segoe UI',system-ui,sans-serif}
    h1,h2{font-weight:800;letter-spacing:-0.02em}
    h3,h4,.card-title,.nav-brand{font-weight:700}
    h5,h6{font-weight:700}
    html{scroll-behavior:smooth}
    @media (max-width:1120px){.nav>a,.nav>details{display:none !important}.om-burger{display:inline-flex !important}}
    .om-burger{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1.5px solid var(--color-neutral-300);background:var(--color-surface);color:var(--color-accent-800);cursor:pointer}
    .om-mobile-panel{display:none;background:var(--color-surface);box-shadow:var(--shadow-md);border-top:1px solid var(--color-neutral-200);max-height:70vh;overflow:auto}
    .om-mobile-panel.open{display:block}
    .om-mobile-panel a{display:block;padding:12px 22px;font-size:14.5px;text-decoration:none;color:var(--color-text)}
    .om-mobile-panel a:hover{background:var(--color-accent-100);color:var(--color-accent-800)}
    .om-mobile-panel .om-group{padding:12px 22px 2px;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--color-neutral-600)}
    .om-mobile-panel a[aria-current="page"]{color:var(--color-accent-700);font-weight:600}
    html,body{overflow-x:clip}
    img{max-width:100%}
    [style*="overflow-x:auto"]>*{flex:0 0 auto}
    .card,.card-title,.card-body{min-width:0}
    [style*="display:grid"]>*,[style*="display:flex"]>p,[style*="display:flex"]>div>p{min-width:0}
    img,svg,video{max-width:100%}
    h1,h2,h3,h4,h5,h6,p,span,div,a,li,td,th,summary,figcaption{overflow-wrap:anywhere;word-break:normal}
    .card-title,.card-body{overflow-wrap:anywhere}
    .table td,.table th{overflow-wrap:anywhere}
    input,button,select,textarea{max-width:100%}
    details summary{overflow-wrap:anywhere}
    summary::-webkit-details-marker{display:none}
    summary::marker{content:""}
    @keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
    a:hover{color:var(--color-accent-800)}
    a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--color-accent-500);outline-offset:2px}
    @media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}
  
.art-corps p{margin:0 0 15px;font-size:16px;line-height:1.7;color:var(--color-neutral-800);text-wrap:pretty}
.art-corps h2{font-size:22px;margin:28px 0 12px}
.art-corps h3{font-size:18px;margin:24px 0 10px}
.art-corps ul,.art-corps ol{margin:0 0 15px 22px;font-size:16px;line-height:1.7}
.art-corps li{margin-bottom:6px}
.art-corps blockquote{margin:0 0 16px;padding:12px 18px;border-left:3px solid var(--color-accent-2-700);
  background:var(--color-accent-100);border-radius:0 10px 10px 0;font-style:italic}
.art-corps figure{margin:22px 0}
.art-corps img{width:100%;height:auto;border-radius:12px;display:block;cursor:zoom-in}
.art-corps a{color:var(--color-accent-700)}
.art-gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;margin:4px 0 8px}
.art-gal img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;display:block;cursor:zoom-in;
  transition:transform .2s ease,box-shadow .2s ease}
.art-gal img:hover,.art-gal img:focus{transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,42,61,.20);outline:none}
.art-corps>figure:first-child img{box-shadow:0 12px 30px rgba(13,42,61,.18)}