/* =========================================================
   remyvdm.com — la colonne d'articles
   Insérée par v6/_gen-colonne.php. Deux intensités :
     .col-art--fort    accueil, archive, chaque article
     .col-art--discret pages secondaires
   Sur téléphone et tablette, la colonne suit le contenu ;
   sur grand écran, elle se pose à droite et reste à l'écran.
   ========================================================= */

.col-art{
  --ca-fond:#FFFDF6;--ca-encre:#1B3540;--ca-encre2:#4E6B76;--ca-encre3:#7A8F96;
  --ca-ligne:rgba(27,53,64,.14);--ca-corail:#D8654A;--ca-beurre:#F7E7A6;
  --ca-t:"Young Serif","Iowan Old Style",Georgia,serif;
  --ca-s:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ca-m:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-family:var(--ca-s);color:var(--ca-encre);font-size:15px;line-height:1.5;
  max-width:var(--maxw,1240px);margin:0 auto;padding:0 var(--gut,20px) clamp(48px,7vw,80px);
}
.col-art *{box-sizing:border-box}
.col-art a{color:inherit;text-decoration:none}
.col-art p{margin:0}
.ca-suite{position:relative}

.col-art__in{
  background:var(--ca-fond);border:1px solid var(--ca-ligne);border-radius:22px;
  padding:22px 22px 20px;box-shadow:0 26px 50px -36px rgba(15,34,41,.5);
}
.ca-bloc+.ca-bloc{margin-top:20px;padding-top:18px;border-top:1px solid var(--ca-ligne)}
.ca-k{font-family:var(--ca-m);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ca-corail);margin:0 0 13px!important}

/* l'article mis en avant */
.ca-une{display:block}
.ca-une img,.ca-une .ca-vide{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:14px;margin-bottom:12px}
.ca-une b{display:block;font-family:var(--ca-t);font-weight:400;font-size:19px;line-height:1.22;letter-spacing:-.01em;margin-top:5px;transition:color .2s}
.ca-une .ch{display:block;margin-top:7px;color:var(--ca-encre2);font-size:14px;line-height:1.5}
.col-art time{display:block;font-family:var(--ca-m);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ca-encre3)}

/* la liste */
.ca-liste{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.ca-une+.ca-liste{margin-top:18px;padding-top:16px;border-top:1px dashed var(--ca-ligne)}
.ca-liste a{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center}
.ca-liste.sans-img a{grid-template-columns:1fr}
.ca-liste img,.ca-liste .ca-vide{width:56px;height:56px;object-fit:cover;border-radius:10px;display:block}
.ca-liste b{display:block;font-weight:600;font-size:14.5px;line-height:1.3;margin-bottom:3px;transition:color .2s}
.ca-une:hover b,.ca-liste a:hover b{color:var(--ca-corail)}
.ca-vide{background:linear-gradient(135deg,var(--ca-beurre),#F2C9BC)}
.ca-tous{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:500;font-size:14.5px;border-bottom:1.5px solid var(--ca-corail);padding-bottom:1px}
.ca-tous:hover{color:var(--ca-corail)}

/* les catégories */
.ca-cats{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.ca-cats a{display:inline-flex;align-items:baseline;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid var(--ca-ligne);background:#fff;font-size:13.5px;transition:background .2s,border-color .2s}
.ca-cats a span{font-family:var(--ca-m);font-size:11px;color:var(--ca-encre3)}
.ca-cats a:hover{background:var(--ca-beurre);border-color:var(--ca-beurre)}

/* le podcast */
.ca-pod a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:14px;background:var(--ca-beurre);transition:transform .3s,box-shadow .3s}
.ca-pod a:hover{transform:translateY(-2px);box-shadow:0 10px 20px -14px rgba(27,53,64,.7)}
.ca-pod svg{flex:0 0 auto;width:31px;height:27px;overflow:visible}
.ca-pod .r-corps,.ca-pod .r-antenne{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round}
.ca-pod .r-hp,.ca-pod .r-bout{fill:var(--ca-corail)}
.ca-pod .r-cadran{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;opacity:.42}
.ca-pod .r-ondes{fill:none;stroke:var(--ca-corail);stroke-width:1.5;stroke-linecap:round}
.ca-pod b{display:block;font-family:var(--ca-t);font-weight:400;font-size:17px;line-height:1.2}
.ca-pod span span{display:block;font-size:13.5px;color:var(--ca-encre2);margin-top:2px}

/* l'auteur et le flux */
.ca-auteur a{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:center}
.ca-auteur img{width:62px;height:62px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.ca-auteur b{display:block;font-family:var(--ca-t);font-weight:400;font-size:16.5px}
.ca-auteur span span{display:block;font-size:13.5px;color:var(--ca-encre2);margin-top:3px;line-height:1.45}
.ca-auteur .ca-rss,.ca-rss{display:inline-block;margin-top:14px;font-family:var(--ca-m);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ca-encre3)}
.ca-rss:hover{color:var(--ca-corail)}

/* ---------- la version discrète ---------- */
.col-art--discret .col-art__in{box-shadow:none;border-radius:18px;padding:18px 20px}
.col-art--discret .ca-liste{gap:11px}
.col-art--discret .ca-liste b{font-size:14px;font-weight:500}
.col-art--discret .ca-tous{font-size:13.5px;margin-top:13px}

/* ---------- l'accueil : téléphone et tablette ---------- */
.a-col--accueil .col-art{max-width:var(--large,1320px);padding:clamp(28px,5vw,44px) var(--marge,20px) 6px}
@media (min-width:700px) and (max-width:1179px){
  .col-art--fort .ca-tete{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
  .col-art--fort .ca-une+.ca-liste{margin-top:0;padding-top:0;border-top:0}
}

/* ---------- l'archive : une vignette par article ---------- */
.a-col--archive .liste a{grid-template-columns:168px minmax(0,1fr) auto;align-items:start}
.a-col--archive .liste .ca-vg{grid-column:1;grid-row:1/span 2;width:168px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
.a-col--archive .liste a time{grid-column:2;grid-row:1}
.a-col--archive .liste a>div{grid-column:2;grid-row:2}
.a-col--archive .liste a .fl{grid-column:3;grid-row:1/span 2;align-self:center}
@media (max-width:780px){
  .a-col--archive .liste a{grid-template-columns:92px minmax(0,1fr);gap:4px 16px}
  .a-col--archive .liste .ca-vg{width:92px}
  .a-col--archive .liste a .fl{display:none}
}

/* ---------- grand écran : la colonne à droite ---------- */
@media (min-width:1180px){
  .col-art--fort{position:absolute;top:0;bottom:0;right:max(var(--gut,20px),calc((100% - var(--maxw,1240px))/2 + var(--gut,20px)));width:300px;max-width:none;margin:0;padding:0;z-index:6}
  .col-art--fort .col-art__in{position:sticky;top:96px;margin-top:clamp(44px,5vw,64px);max-height:calc(100vh - 116px);overflow-y:auto;scrollbar-width:thin}
  .a-col--article .ca-suite .wrap,.a-col--article .ca-suite .wrap-r,
  .a-col--archive .ca-suite .wrap{max-width:var(--maxw,1240px);padding-right:calc(var(--gut,20px) + 344px)}
  .a-col--article .art-head .wrap-r{max-width:var(--maxw,1240px)}
  .a-col--article .art-head h1{max-width:24ch}

  .a-col--accueil .col-art--fort{right:max(var(--marge,20px),calc((100% - var(--large,1320px))/2 + var(--marge,20px)));padding:0}
  .a-col--accueil .col-art--fort .col-art__in{top:92px;margin-top:clamp(70px,10vh,120px)}
  .a-col--accueil .ca-suite .bloc{max-width:var(--large,1320px);padding-right:calc(var(--marge,20px) + 344px)}
  .a-col--accueil .ca-suite .etroit{max-width:var(--large,1320px)}
}
@media (min-width:1280px){
  .col-art--discret{position:absolute;top:0;bottom:0;right:max(var(--gut,20px),calc((100% - var(--maxw,1240px))/2 + var(--gut,20px)));width:224px;max-width:none;margin:0;padding:0;z-index:6}
  .col-art--discret .col-art__in{position:sticky;top:96px;margin-top:clamp(52px,7.5vw,96px);background:rgba(255,253,246,.95);backdrop-filter:blur(6px)}
  .a-col--discret .ca-suite .wrap{padding-right:calc(var(--gut,20px) + 260px)}
}
@media (prefers-reduced-motion:reduce){.ca-pod a,.ca-pod a:hover{transition:none;transform:none}}