/* ============================================================
   RESSOURCES — la page d'entrée et les articles (07/10/2026)
   page-ressources.php, single-ressource.php, inc/carte-ressource.php.
   Les grandes pages enfants (les 24 runes) ont leur propre feuille,
   ressources-maquette.css.

   Le langage du site : papier ivoire, filets fins, cuivre, serif. Pas de
   cartes flottantes ni d'arrondis : des images franches, de la
   typographie et de l'air. Mouvements lents et discrets, coupés par
   prefers-reduced-motion ; les apparitions passent par le système .rv
   du thème (main.js).
   ============================================================ */

.ressources-page,.ressource-article{
  --re-cuivre:#A8642F;
  --re-papier:url("assets/images/menu-papier.webp");
  --re-filet:rgba(184,134,78,.55);
  --re-arc:rgba(184,134,78,.32);
  --re-sable:var(--re-papier),linear-gradient(180deg,#F6F1E8,#F4EEE4);
  --re-col:41rem;
  padding-top:0}

/* La ligne « THÉMATIQUE · DATE », partout la même. */
.res-meta{display:flex;flex-wrap:wrap;align-items:baseline;font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;line-height:1.6;color:var(--or-texte);
  /* Les éléments sont séparés par un point posé dans leur marge gauche. La
     ligne déborde de 1.6em à gauche, et cette bande est masquée : un point
     qui tomberait en début de ligne (date renvoyée à la ligne) disparaît. */
  margin-left:-1.6em;clip-path:inset(0 0 0 1.6em)}
.res-meta > *{position:relative;margin-left:1.6em}
.res-meta > * + *::before{content:"·";position:absolute;left:-1.05em;color:var(--or)}
.res-meta time{color:var(--txt3)}
.res-meta__sep{color:var(--or)}
.res-lien{font-size:.74rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--or-action)}
.res-lien .fl,.res-continuer .fl,.res-a-lire__tout .fl{display:inline-block;transition:transform .4s var(--ease)}

/* ============================================================
   EN-TÊTE DE LA PAGE D'ENTRÉE — une scène éditoriale (08/10/2026)
   À gauche le titre, dans une zone de lumière ; à droite la roue runique,
   grand cadran dessiné (SVG, inc/ressources-affichage.php) dont les axes
   traversent la scène. Le fond est fait de couches très légères : base
   ivoire, papier, lumière, profondeur chaude autour de la roue, matière
   (nuées très douces), puis grain et poussière posés au-dessus de la roue.
   Aucune image ajoutée : des dégradés et trois petits bruits SVG.
   ============================================================ */
.res-hero{--re-pad:clamp(1.25rem,5vw,3.5rem);--W:clamp(34rem,47vw,46rem);
  /* le centre de la roue, que le halo suit à toutes les largeurs */
  --re-cx:calc(50% + min(38rem,50%) - var(--re-pad) - var(--W) * .3);--re-cy:50%;
  position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--acc-bord);
  background:
    /* la lumière du titre */
    radial-gradient(ellipse 48% 62% at 17% 42%,rgba(255,253,248,.82),rgba(255,253,248,.35) 45%,transparent 72%),
    /* le halo de la roue : sable doux en son cœur, une pointe plus profonde
       vers son bord extérieur, puis un long fondu */
    radial-gradient(circle calc(var(--W) * 1.25) at var(--re-cx) var(--re-cy),
      rgba(214,176,128,.2) 0%,rgba(210,166,114,.19) 24%,rgba(190,132,78,.17) 34%,rgba(178,116,62,.13) 40%,
      rgba(196,146,96,.07) 52%,rgba(214,182,140,.03) 70%,transparent 100%),
    /* et la chaleur qui vient de la droite, jusqu'à l'ivoire du titre */
    linear-gradient(90deg,transparent 28%,rgba(224,198,160,.1) 62%,rgba(212,174,128,.17) 100%),
    /* une lueur cuivre très basse, en bas à droite */
    radial-gradient(ellipse 40% 50% at 96% 104%,rgba(168,100,47,.1),transparent 70%),
    /* le sol : un sable un peu plus dense vers le bas, et des bords à peine plus sourds */
    linear-gradient(180deg,rgba(255,255,255,0) 55%,rgba(219,196,160,.15) 100%),
    radial-gradient(ellipse 85% 120% at 50% 45%,transparent 62%,rgba(190,160,122,.09) 100%),
    var(--re-papier),
    linear-gradient(180deg,#FBF8F2 0%,#F5EDE1 100%)}
/* la matière : de grandes nuées sable, presque imperceptibles */
.res-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720'%3E%3Cfilter id='m' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0045' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .78  0 0 0 0 .64  0 0 0 0 .47  1.6 0 0 0 -.62'/%3E%3C/filter%3E%3Crect width='720' height='720' filter='url(%23m)'/%3E%3C/svg%3E") 0 0/720px 720px;opacity:.24}
/* le grain et la poussière, posés sur la roue comme sur le papier. Simple
   transparence, sans mode de fusion : au-dessus d'une roue qui tourne, une
   fusion serait recalculée à chaque image. */
.res-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .44  0 0 0 0 .31  0 0 0 0 .2  1.5 0 0 0 -.62'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/220px 220px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cfilter id='p' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='1' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .38  0 0 0 0 .25  0 0 0 0 .15  12 0 0 0 -8.3'/%3E%3C/filter%3E%3Crect width='360' height='360' filter='url(%23p)'/%3E%3C/svg%3E") 37px 53px/360px 360px;opacity:.28}
.res-hero__in{position:relative;z-index:2;display:grid;align-content:center;min-height:clamp(30rem,44vw,42rem);
  padding-block:clamp(3.75rem,7vw,6rem) clamp(3.5rem,6.5vw,5.5rem)}
.res-hero__texte{max-width:31rem}
.res-hero .eyebrow + h1{margin-top:clamp(1.75rem,3vw,2.6rem)}
.res-hero h1{font-size:clamp(3rem,5.7vw,5.75rem);font-weight:400;line-height:.98;letter-spacing:-.018em}
.res-hero h1::after{content:"";display:block;width:3.25rem;height:1px;background:var(--or);margin-top:clamp(1.6rem,2.6vw,2.25rem)}
.res-hero .accroche{margin-top:clamp(1.35rem,2.2vw,1.8rem);font-family:var(--serif);font-size:clamp(1.3rem,1.8vw,1.56rem);font-weight:500;line-height:1.45;color:var(--nuit);text-wrap:pretty}

/* La roue : son centre se place à 30 % de sa largeur avant le bord droit
   du contenu ; ses anneaux extérieurs débordent de la scène. */
.res-hero__roue{position:absolute;z-index:0;top:50%;width:var(--W);aspect-ratio:1;
  left:calc(50% + min(38rem,50%) - var(--re-pad) - var(--W) * .8);transform:translateY(-50%);
  color:var(--re-cuivre);pointer-events:none}
.res-hero__roue svg,.res-roue__tour{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.res-roue__runes{font-family:var(--runic)}
.res-roue__runes text{text-anchor:middle;dominant-baseline:central;fill:currentColor;fill-opacity:.95}
.res-hero__legende{position:absolute;right:calc(var(--re-pad) - .9rem);bottom:clamp(.9rem,2.1vw,1.6rem);display:flex;align-items:center;gap:.7rem;padding:.5rem .9rem;
  font-size:.62rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;line-height:1;color:var(--or-texte);
  /* un fond de papier fondu : la légende reste nette sur les traits de la roue */
  background:radial-gradient(closest-side,rgba(248,243,235,.86) 35%,rgba(248,243,235,0))}
.res-hero__legende::before{content:"";width:2.25rem;height:1px;background:var(--or)}
.res-hero__legende span + span::before{content:"·";margin-right:.7rem;color:var(--or)}
.res-roue__num{font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:.14em;text-anchor:middle;dominant-baseline:central;fill:currentColor;fill-opacity:.6}
/* Les tracés se perdent vers le haut et la droite : la roue devient le
   fragment d'un système plus vaste. Le cœur (runes et graduation) reste
   entier ; seuls les anneaux et les axes extérieurs s'effacent. */
.res-hero__roue{-webkit-mask:radial-gradient(circle,#000 calc(var(--W) * .415),transparent calc(var(--W) * .425)) no-repeat,linear-gradient(to top right,#000 42%,rgba(0,0,0,.45) 68%,transparent 92%) no-repeat;
          mask:radial-gradient(circle,#000 calc(var(--W) * .415),transparent calc(var(--W) * .425)) no-repeat,linear-gradient(to top right,#000 42%,rgba(0,0,0,.45) 68%,transparent 92%) no-repeat}

@media(min-width:1000px) and (max-width:1199px){
  .res-hero{--W:34rem}
  .res-hero__texte{max-width:27rem}
}
/* tablette : la roue, plus petite, s'appuie sur le bord droit */
@media(min-width:700px) and (max-width:999px){
  .res-hero{--W:31rem}
  .res-hero__texte{max-width:min(30rem,58%)}
  .res-hero{--re-cx:calc(100% - var(--W) * .2)}
  .res-hero__roue{left:auto;right:calc(var(--W) * -.3)}
}
/* mobile : la roue se lève sous le texte, comme un cadran à l'horizon */
@media(max-width:699px){
  .res-hero{--W:max(34rem,152vw);
    background:
      radial-gradient(ellipse 90% 45% at 30% 30%,rgba(255,253,248,.8),transparent 70%),
      radial-gradient(circle calc(var(--W) * .95) at 50% calc(100% + 5rem),rgba(212,170,118,.22) 0%,rgba(196,140,86,.17) 38%,rgba(180,118,64,.12) 47%,rgba(206,166,118,.04) 62%,transparent 100%),
      radial-gradient(ellipse 85% 120% at 50% 45%,transparent 62%,rgba(190,160,122,.12) 100%),
      var(--re-papier),
      linear-gradient(180deg,#FBF8F2 0%,#F5EDE1 100%)}
  .res-hero__in{min-height:0;padding-bottom:calc(clamp(3.5rem,6.5vw,5.5rem) + 11rem)}
  .res-hero__roue{top:auto;left:50%;bottom:calc(var(--W) * -.5 - 5rem);transform:translateX(-50%)}
  .res-roue__meridien{display:none}
  .res-hero__legende{right:50%;translate:50% 0;bottom:1.25rem;white-space:nowrap}
  .res-hero__legende::before{content:none}
}
@media(prefers-reduced-motion:no-preference){
  /* la couronne tourne, un tour en 6 minutes. L'animation porte sur la
     boîte HTML (transform) : la carte graphique la prend en charge, le
     reste de la page n'est jamais recalculé. */
  .res-roue__tour{animation:re-roue 360s linear infinite;will-change:transform}
  .res-hero__roue{animation:re-apparition 1.6s var(--ease) both}
  @keyframes re-roue{to{transform:rotate(360deg)}}
  @keyframes re-apparition{from{opacity:0;scale:.97}}
}

/* ============================================================
   À LA UNE
   ============================================================ */
.res-une{padding-block:clamp(3.75rem,7.5vw,6.75rem) clamp(3.5rem,7vw,6rem)}
.res-une__in{position:relative;display:grid;row-gap:clamp(2rem,4vw,2.5rem)}
.res-une__image{position:relative;margin:.85rem .85rem 0 0}
/* un filet décalé derrière l'image : le cadre d'une planche */
.res-une__image::before{content:"";position:absolute;inset:-.85rem -.85rem .85rem .85rem;border:1px solid var(--re-filet);pointer-events:none}
.res-une__cadre{position:relative;overflow:hidden;background:#EFE7DA}
.res-une__cadre img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.res-une__texte{align-self:center}
.res-une__texte .res-meta + h2{margin-top:clamp(1rem,1.6vw,1.35rem)}
.res-une h2{font-size:clamp(2.3rem,3.9vw,3.5rem);font-weight:400;line-height:1.02;letter-spacing:-.012em;text-wrap:balance}
.res-une h2 a{color:var(--nuit);text-decoration:none;transition:color .4s var(--ease)}
.res-une h2 a::after{content:"";position:absolute;inset:0;z-index:1}
.res-une h2 a:focus-visible{outline:none}
.res-une__in:has(h2 a:focus-visible){outline:2px solid var(--or);outline-offset:8px}
.res-une__extrait{margin-top:clamp(1.1rem,1.8vw,1.5rem);font-size:1.06rem;line-height:1.7;color:var(--txt2);max-width:30rem}
.res-une .res-lien{margin-top:clamp(1.5rem,2.4vw,2rem)}
@media(min-width:1000px){
  .res-une__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(3rem,6vw,6rem)}
  .res-une__label{grid-column:1 / -1}
}

/* ============================================================
   DERNIÈRES RESSOURCES
   ============================================================ */
.res-flux{padding-block:clamp(3.5rem,7vw,6rem) clamp(4rem,7.5vw,6.5rem);border-top:1px solid var(--acc-bord);scroll-margin-top:var(--hauteur-entete)}
.res-flux__tete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1.1rem 2.5rem;padding-bottom:1.35rem;border-bottom:1px solid var(--acc-bord)}
.res-flux h2,.res-a-lire h2{font-size:clamp(2.1rem,3.4vw,2.9rem);font-weight:400}
.res-filtres ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0}
.res-filtres li{display:flex;align-items:center}
.res-filtres li + li::before{content:"·";margin-inline:.7rem;color:var(--or)}
.res-filtres a{display:inline-block;padding-block:.45rem;font-size:.74rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--txt2);text-decoration:none;
  border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.res-filtres a:hover,.res-filtres a:focus-visible{color:var(--or-texte)}
.res-filtres a[aria-current]{color:var(--nuit);border-bottom-color:var(--or)}
/* sur mobile, les points de séparation tomberaient en début de ligne */
@media(max-width:699px){
  .res-filtres ul{gap:.15rem 1.25rem}
  .res-filtres li + li::before{content:none}
}

.res-grille{display:grid;gap:clamp(3rem,5vw,4.25rem) clamp(1.5rem,3vw,2.75rem);margin-top:clamp(2.25rem,4vw,3.25rem)}
@media(min-width:640px){.res-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.res-grille{grid-template-columns:repeat(3,minmax(0,1fr))}}

.res-carte{position:relative;display:flex;flex-direction:column}
.res-carte__image{overflow:hidden;background:#EFE7DA}
.res-carte__image img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.res-carte__image .res-image-vide,.res-une__cadre .res-image-vide{width:100%;aspect-ratio:16/10}
.res-carte .res-meta{margin-top:1.25rem}
.res-carte__titre{margin-top:.6rem;font-size:clamp(1.55rem,2.1vw,1.8rem);font-weight:500;line-height:1.12;letter-spacing:-.005em;text-wrap:balance;overflow-wrap:break-word}
.res-carte__titre a{color:var(--nuit);text-decoration:none;transition:color .4s var(--ease)}
.res-carte__titre a::after{content:"";position:absolute;inset:0;z-index:1}
.res-carte__titre a:focus-visible{outline:none}
.res-carte:has(.res-carte__titre a:focus-visible){outline:2px solid var(--or);outline-offset:6px}
.res-carte__extrait{margin-top:.7rem;font-size:.98rem;line-height:1.65;color:var(--txt2);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.res-carte .res-lien{margin-top:auto;padding-top:1.1rem}

/* sans image : un aplat de papier marqué d'une rune */
.res-image-vide{display:grid;place-items:center;background:var(--re-papier),linear-gradient(160deg,#F4EDE2,#E9DDCA)}
.res-image-vide span{font-family:var(--runic);font-size:clamp(3rem,5vw,4.25rem);line-height:1;color:var(--re-cuivre);opacity:.55}

.res-vide{margin-top:clamp(2rem,4vw,3rem);font-family:var(--serif);font-size:1.35rem;color:var(--txt2)}
.res-vide a{color:var(--or-texte);text-decoration:none;border-bottom:1px solid var(--re-filet);font-family:var(--sans);font-size:.95rem;margin-left:.4rem}

.res-pagination{margin-top:clamp(3rem,5vw,4.25rem);padding-top:1.25rem;border-top:1px solid var(--acc-bord)}
.res-pagination ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem .4rem;margin:0;padding:0}
.res-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:2.75rem;min-height:2.75rem;padding-inline:.5rem;
  font-size:.88rem;color:var(--txt2);text-decoration:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.res-pagination a.page-numbers:hover,.res-pagination a.page-numbers:focus-visible{color:var(--or-texte);border-bottom-color:var(--re-filet)}
.res-pagination .current{color:var(--nuit);border-bottom-color:var(--or)}
.res-pagination .prev,.res-pagination .next{font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--or-action)}
.res-pagination li:has(.prev){margin-right:auto}.res-pagination li:has(.next){margin-left:auto}
@media(max-width:639px){
  .res-pagination ul{justify-content:space-between}
  .res-pagination li:has(.prev),.res-pagination li:has(.next){flex-basis:100%;display:flex}
  .res-pagination li:has(.next){order:1;justify-content:flex-end}
}

/* ============================================================
   LES ESSENTIELS
   ============================================================ */
.res-essentiels{padding-block:clamp(3.75rem,7.5vw,6.5rem);background:var(--re-sable);border-top:1px solid var(--acc-bord)}
.res-essentiels h2{font-size:clamp(2.1rem,3.4vw,2.9rem);font-weight:400}
.res-essentiels__liste{list-style:none;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;border-top:1px solid var(--re-filet)}
.res-essentiel{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:clamp(1.25rem,4vw,3.75rem);
  padding-block:clamp(1.75rem,3.2vw,2.6rem);border-bottom:1px solid var(--acc-bord)}
.res-essentiel__num{min-width:2ch;font-family:var(--serif);font-size:clamp(3.25rem,6.5vw,5.75rem);font-weight:300;line-height:.8;letter-spacing:-.02em;
  font-variant-numeric:lining-nums;color:rgba(168,100,47,.2);transition:color .5s var(--ease)}
.res-essentiel h3{font-size:clamp(1.6rem,2.7vw,2.3rem);font-weight:400;line-height:1.08;text-wrap:balance}
.res-essentiel h3 a{color:var(--nuit);text-decoration:none;transition:color .4s var(--ease)}
.res-essentiel h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.res-essentiel h3 a:focus-visible{outline:none}
.res-essentiel:has(h3 a:focus-visible){outline:2px solid var(--or);outline-offset:4px}
.res-essentiel p{margin-top:.55rem;max-width:36rem;font-size:1rem;line-height:1.6;color:var(--txt2)}
.res-essentiel__fl{font-size:1.25rem;color:var(--or);transition:transform .4s var(--ease)}

/* ============================================================
   RESPIRATION — le texte de la page, administré dans WordPress
   ============================================================ */
.res-respiration{position:relative;overflow:hidden;padding-block:clamp(4.5rem,9vw,8rem);text-align:center;border-top:1px solid var(--acc-bord)}
.res-respiration::before{content:"";position:absolute;left:50%;top:50%;width:min(46rem,120vw);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(184,134,78,.16);pointer-events:none}
.res-respiration__texte{position:relative;max-width:44rem;margin-inline:auto}
.res-respiration__texte::before{content:"";display:block;width:1px;height:3rem;margin:0 auto clamp(1.75rem,3vw,2.25rem);background:var(--or)}
.res-respiration__texte p{font-family:var(--serif);font-size:clamp(1.25rem,1.8vw,1.45rem);line-height:1.55;color:var(--txt2);text-wrap:pretty}
.res-respiration__texte p:first-child{font-size:clamp(1.65rem,2.8vw,2.3rem);font-style:italic;line-height:1.3;color:var(--nuit);text-wrap:balance}
.res-respiration__texte p + p{margin-top:clamp(1.1rem,2vw,1.5rem)}
.res-respiration__texte a{color:var(--or-texte);text-decoration:none;border-bottom:1px solid var(--re-filet)}

/* ============================================================
   CONTINUER L'EXPLORATION — secondaire
   ============================================================ */
.res-continuer{padding-block:clamp(2.5rem,5vw,3.5rem);border-top:1px solid var(--acc-bord)}
.res-continuer__in{display:flex;flex-wrap:wrap;align-items:center;gap:1rem clamp(2rem,4vw,3.5rem)}
.res-continuer ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem clamp(1.75rem,3.5vw,3rem);margin:0;padding:0}
.res-continuer a{font-family:var(--serif);font-size:clamp(1.3rem,1.8vw,1.5rem);line-height:1.3;color:var(--nuit);text-decoration:none;transition:color .3s}
.res-continuer a .fl{font-family:var(--sans);font-size:.85rem;color:var(--or)}
.res-continuer a:hover,.res-continuer a:focus-visible{color:var(--or-texte)}

/* ============================================================
   UN ARTICLE
   ============================================================ */
.res-article__tete{padding-block:clamp(3.25rem,7vw,5.5rem) clamp(3rem,6vw,4.5rem);border-bottom:1px solid var(--acc-bord);
  background:var(--re-papier),linear-gradient(180deg,#FBF9F4 0%,#F6F0E6 100%)}
/* avec une image : le papier s'arrête au milieu de l'image */
.res-article__tete--image{padding-bottom:clamp(7.5rem,15vw,13rem);border-bottom:0}
.res-article__col{max-width:var(--re-col);margin-inline:auto}
.res-article__tete .eyebrow a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}
.res-article__tete .eyebrow a:hover,.res-article__tete .eyebrow a:focus-visible{border-bottom-color:currentColor}
.res-article__tete h1{font-size:clamp(2.5rem,5vw,4.25rem);font-weight:400;line-height:1.02;letter-spacing:-.015em;text-wrap:balance;overflow-wrap:break-word}
.res-article__meta{display:flex;flex-wrap:wrap;gap:0 .6rem;margin-top:clamp(1.25rem,2vw,1.6rem);font-size:.74rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--txt3)}
.res-article__chapo{margin-top:clamp(1.5rem,2.5vw,2rem);font-family:var(--serif);font-size:clamp(1.3rem,1.9vw,1.6rem);font-weight:500;line-height:1.5;color:var(--nuit);text-wrap:pretty}
.res-article__image{max-width:68rem;margin:calc(-1 * clamp(5.5rem,11.5vw,10rem)) auto 0}
.res-article__image img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#EFE7DA}
.res-article__image figcaption{max-width:var(--re-col);margin:.9rem auto 0;font-size:.82rem;line-height:1.55;color:var(--txt3)}

/* Le texte : une colonne de lecture d'environ 70 signes, centrée. */
.entry.res-article__texte{padding-block:clamp(2.75rem,5.5vw,4.25rem) clamp(3rem,6vw,4.5rem);padding-inline:clamp(1.25rem,5vw,3.5rem)}
.entry.res-article__texte > *{max-width:var(--re-col);margin-inline:auto}
.entry.res-article__texte > .alignwide{max-width:60rem}
.entry.res-article__texte > .alignfull{max-width:none;width:auto;margin-inline:calc(-1 * clamp(1.25rem,5vw,3.5rem))}
.entry.res-article__texte > * + *{margin-top:1.5rem}
.entry.res-article__texte p,.entry.res-article__texte li{font-size:1.125rem;line-height:1.8;color:var(--txt)}
.res-article__texte > p:first-child{font-size:1.2rem}
.entry.res-article__texte h2{position:relative;margin-top:clamp(3rem,6vw,4rem);font-size:clamp(1.9rem,3vw,2.45rem);font-weight:400;line-height:1.1;text-wrap:balance}
.entry.res-article__texte h2::before{content:"";display:block;width:2.25rem;height:1px;margin-bottom:clamp(1rem,1.8vw,1.35rem);background:var(--or)}
.entry.res-article__texte h3{margin-top:clamp(2.25rem,4vw,2.75rem);font-size:clamp(1.45rem,2.1vw,1.7rem);font-weight:500;line-height:1.15}
.entry.res-article__texte h4{margin-top:2rem;font-family:var(--sans);font-size:.78rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--or-texte)}
.res-article__texte :is(h2,h3,h4) + *{margin-top:1rem}
.entry.res-article__texte a{color:var(--or-texte);border-bottom:1px solid var(--re-filet);transition:color .3s,border-color .3s}
.entry.res-article__texte a:hover{color:var(--re-cuivre);border-bottom-color:currentColor}
.entry.res-article__texte strong{font-weight:500;color:var(--nuit)}
.entry.res-article__texte :is(ul,ol){padding-left:1.35rem;color:var(--txt)}
.entry.res-article__texte li + li{margin-top:.55rem}
.entry.res-article__texte ul li::marker{color:var(--or)}
.entry.res-article__texte ol li::marker{font-family:var(--serif);font-size:1.15em;color:var(--or-texte)}
.entry.res-article__texte blockquote,.entry.res-article__texte .wp-block-quote{margin-block:2.5rem;margin-inline:auto;padding:.2rem 0 .2rem clamp(1.25rem,3vw,1.75rem);border-left:1px solid var(--or)}
.entry.res-article__texte blockquote p{font-family:var(--serif);font-style:italic;font-size:clamp(1.35rem,2vw,1.55rem);line-height:1.5;color:var(--nuit)}
.entry.res-article__texte blockquote cite{display:block;margin-top:.9rem;font-style:normal;font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--txt3)}
.entry.res-article__texte .wp-block-pullquote{margin-block:3rem;padding:2rem 0;border-block:1px solid var(--re-filet);text-align:center}
.entry.res-article__texte .wp-block-pullquote blockquote{margin:0;padding:0;border:0}
.entry.res-article__texte .wp-block-pullquote p{font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.35}
.entry.res-article__texte :is(figure,.wp-block-image){margin-block:2.5rem}
.entry.res-article__texte img{border-radius:0}
.entry.res-article__texte figcaption,.entry.res-article__texte .wp-element-caption{margin-top:.8rem;font-size:.82rem;line-height:1.55;text-align:left;color:var(--txt3)}
.entry.res-article__texte hr,.entry.res-article__texte .wp-block-separator{width:4rem;margin:3.25rem auto;border:0;border-top:1px solid var(--or);opacity:1}
.entry.res-article__texte .wp-block-table{margin-block:2.25rem;overflow-x:auto}
.entry.res-article__texte table{width:100%;font-size:.98rem;border-collapse:collapse}
.entry.res-article__texte thead{border:0}
.entry.res-article__texte :is(th,td){padding:.75rem .9rem .75rem 0;border:0;border-bottom:1px solid var(--acc-bord);vertical-align:top}
.entry.res-article__texte thead th{border-bottom-color:var(--re-filet)}
/* le style « Note » (paragraphe ou groupe) : un aparté */
.entry.res-article__texte .is-style-note{padding:1.25rem 1.5rem;border-left:2px solid var(--or);background:var(--re-sable)}
.entry.res-article__texte .is-style-note::before{content:"Note";display:block;margin-bottom:.45rem;font-family:var(--sans);font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--or-texte)}
.entry.res-article__texte p.is-style-note,.entry.res-article__texte .is-style-note p{font-size:1rem;line-height:1.7;color:var(--txt2)}
.entry.res-article__texte .is-style-note > * + *{margin-top:.8rem}
.entry.res-article__texte .wp-block-footnotes{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--acc-bord)}
.entry.res-article__texte .wp-block-footnotes li{font-size:.9rem;line-height:1.6;color:var(--txt2)}

.res-article__signature{padding-bottom:clamp(3.5rem,7vw,5.5rem)}
.res-article__signature p.res-article__col{padding-top:1.4rem;border-top:1px solid var(--re-filet);font-family:var(--serif);font-size:1.3rem;line-height:1.4;color:var(--txt2)}
.res-article__signature p.res-article__col a{color:var(--nuit);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}
.res-article__signature p.res-article__col a:hover,.res-article__signature p.res-article__col a:focus-visible{border-bottom-color:var(--or)}

/* À lire ensuite */
.res-a-lire{padding-block:clamp(3.5rem,7vw,6rem);background:var(--re-sable);border-top:1px solid var(--acc-bord)}
.res-a-lire__tete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem 2rem;padding-bottom:1.35rem;border-bottom:1px solid var(--acc-bord)}
.res-a-lire__tout{font-size:.74rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--or-action);text-decoration:none}

/* ============================================================
   MICRO-INTERACTIONS — survol à la souris seulement, jamais si le
   système demande moins de mouvement.
   ============================================================ */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .res-carte__image img,.res-une__cadre img{transition:transform 1.1s var(--ease)}
  .res-carte:hover .res-carte__image img,.res-une__in:hover .res-une__cadre img{transform:scale(1.035)}
  .res-carte:hover .fl,.res-une__in:hover .fl,.res-continuer a:hover .fl,.res-a-lire__tout:hover .fl{transform:translateX(5px)}
  .res-essentiel:hover .res-essentiel__fl{transform:translateX(7px)}
}
@media(hover:hover) and (pointer:fine){
  .res-carte:hover .res-carte__titre a,.res-une__in:hover h2 a,.res-essentiel:hover h3 a{color:var(--or-texte)}
  .res-essentiel:hover .res-essentiel__num{color:rgba(168,100,47,.38)}
}

/* ============================================================
   MÉTADONNÉES ET PARTAGE (09/10/2026)
   ============================================================ */
/* à la une : la nature d'une référence, sur sa propre ligne */
/* une seule mention, sans séparateur : pas de marge masquée */
.res-meta.res-meta--nature{margin-top:.35rem;margin-left:0;clip-path:none;color:var(--txt3)}
/* sous le titre d'un article : thématique · date · temps de lecture */
.res-article__meta.res-meta{gap:0;font-size:.72rem;letter-spacing:.17em;color:var(--txt3)}
.res-article__meta a{color:var(--or-texte);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}
.res-article__meta a:hover,.res-article__meta a:focus-visible{border-bottom-color:currentColor}
.res-article__meta time{color:inherit}
.res-article__maj{margin-top:.5rem;font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--txt3)}
/* La zone de partage et la fenêtre « Partager en story » : ressources-partage.css */