/* Ressources : blog, articles, guides, glossaire, intégrations, nouveautés (copy/ressources.md).
   S'ajoute à comparer/comparer.css (sections .c-sec, cartes .c-card, vignettes .c-art, méthode .c-method).
   Tout le texte est dans le HTML : les filtres et onglets ne masquent qu'une fois le script chargé. */

/* ---------- article : sommaire collant + corps ---------- */
.r-toc{position:sticky;top:5.5rem;font-size:.84rem}
.r-toc summary{list-style:none;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2);cursor:default}
.r-toc summary::-webkit-details-marker{display:none}
.r-toc ol{list-style:none;margin:.8rem 0 0;padding:0;border-left:2px solid var(--line)}
.r-toc a{display:block;padding:.4rem 0 .4rem .9rem;margin-left:-2px;border-left:2px solid transparent;color:var(--muted);line-height:1.35;transition:color .3s,border-color .3s}
.r-toc a:hover{color:var(--ink)}
.r-toc a[aria-current="true"]{color:var(--ink);font-weight:600;border-left-color:#8fbf14}
.r-body{font-size:1.06rem;line-height:1.65;color:var(--ink2)}
.r-body>*+*{margin-top:1.1rem}
.r-body h2{margin-top:3rem;font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:1.15;letter-spacing:-.03em;color:var(--ink);scroll-margin-top:6rem}
.r-body h3{margin-top:2rem;font-size:1.2rem;letter-spacing:-.015em;color:var(--ink)}
.r-body ul,.r-body ol{padding-left:1.2rem}
.r-body li+li{margin-top:.4rem}
.r-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.r-body strong,.r-body b{font-weight:600;color:var(--ink)}
.r-body dfn{font-style:normal;font-weight:600;color:var(--ink)}
.r-key{padding:1.2rem 1.4rem;border-radius:1.2rem;background:#f3fbd6;color:var(--ink)}
.r-key>b:first-child{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem}
.r-key ul{margin:0}
.r-formula{padding:1.1rem 1.3rem;border-radius:1rem;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:1.02rem;color:var(--ink);text-align:center}
.r-formula b{font-weight:600}
.r-formula .r-frac{display:inline-grid;vertical-align:middle;text-align:center;margin:0 .3rem}
.r-formula .r-frac>span:first-child{padding:0 .3rem .15rem;border-bottom:1.5px solid var(--ink)}
.r-formula .r-frac>span:last-child{padding:.15rem .3rem 0}
.r-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:.92rem;line-height:1.45;background:#fff;border-radius:1rem;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.r-tbl caption{caption-side:bottom;padding-top:.6rem;text-align:left;font-size:.78rem;color:var(--muted2)}
.r-tbl th,.r-tbl td{padding:.75rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.r-tbl tr:last-child>*{border-bottom:0}
.r-tbl thead th{background:var(--sand);font-weight:600;color:var(--ink)}
.r-tbl td.n,.r-tbl th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.r-tbl-wrap{overflow-x:auto;border-radius:1rem}

/* calcul intégré à un article (amélioration progressive : le résultat par défaut est écrit dans le HTML) */
.r-calc{display:grid;grid-template-columns:minmax(0,1fr) 13rem;gap:1.4rem;padding:1.4rem;border-radius:1.3rem;background:var(--sand)}
.r-calc label{display:flex;justify-content:space-between;gap:1rem;font-size:.86rem;font-weight:600;color:var(--ink)}
.r-calc label output{font-variant-numeric:tabular-nums}
.r-calc input[type=range]{width:100%;margin:.5rem 0 1rem;accent-color:#7aa80c}
.r-calc .r-out{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:1.2rem;border-radius:1rem;background:#fff;box-shadow:0 0 0 1px var(--line);text-align:center}
.r-calc .r-out small{font-size:.76rem;color:var(--muted)}
.r-calc .r-out b{font-size:2.6rem;font-weight:600;letter-spacing:-.04em;line-height:1.05;color:var(--ink);font-variant-numeric:tabular-nums}
.r-calc .r-out em{margin-top:.4rem;font-style:normal;font-size:.8rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;align-self:center;background:#e9ebe6;transition:background-color .4s}
.r-calc .r-out em.is-ok{background:#ddfcde;color:#2a4e1c}
.r-calc .r-out em.is-warn{background:#fff3d6;color:#8a5a0c}

/* encadré auteur */
.r-author{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;padding:1.3rem 1.4rem;border-radius:1.2rem;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:.92rem;line-height:1.5}
.r-author .r-av{width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;background:#c7f33c;font-weight:700;color:var(--ink)}
.r-author b{display:block;color:var(--ink)}
.r-author p{margin:0;color:var(--muted)}
.r-faq{margin-top:2.4rem}
.r-faq h3{margin-top:1.4rem;font-size:1.05rem}
.r-faq p{margin-top:.4rem}

.tone-commerce{--tb:#caf5ef;--tc:#003d3d}.tone-talents{--tb:#f4f8de;--tc:#515c0b}.tone-missions{--tb:#feedff;--tc:#7a2251}
.tone-facturation{--tb:#fff7d6;--tc:#a36a14}.tone-pilotage{--tb:#ddfcde;--tc:#2a4e1c}.tone-ia{--tb:#f3fbd6;--tc:#3e5a06}.tone-api{--tb:#e4ecff;--tc:#2f4fb0}

/* ---------- glossaire ---------- */
.r-gl-bar{position:sticky;top:4rem;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;margin-top:2rem;padding:.9rem 1rem;border-radius:1.2rem;background:rgba(246,245,242,.92);backdrop-filter:blur(8px);box-shadow:0 0 0 1px var(--line)}
.r-search{position:relative;flex:1 1 16rem}
.r-search input{width:100%;height:2.6rem;padding:0 1rem 0 2.4rem;border:0;border-radius:.8rem;background:#fff;box-shadow:0 0 0 1px var(--line2);font:inherit;font-size:.92rem;color:var(--ink)}
.r-search input:focus{outline:2px solid #8fbf14;outline-offset:1px}
.r-search .ph{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--muted2)}
.r-az{display:flex;flex-wrap:wrap;gap:.2rem}
.r-az a{min-width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:.5rem;font-size:.82rem;font-weight:600;color:var(--ink);transition:background-color .3s}
.r-az a:hover{background:#fff}
.r-az a.is-off{color:var(--muted2);opacity:.45;pointer-events:none}
.r-letter{margin-top:2.6rem;font-size:1.5rem;letter-spacing:-.03em;scroll-margin-top:9rem}
.r-letter[hidden],.r-term[hidden]{display:none}
.r-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.r-term{padding:1.4rem 1.5rem;border-radius:1.3rem;background:#fff;box-shadow:0 0 0 1px var(--line);scroll-margin-top:9rem;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.r-term:hover,.r-term:target{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line2),0 20px 36px -26px rgba(17,17,17,.35)}
.r-term:target{box-shadow:0 0 0 2px #c7f33c,0 20px 36px -26px rgba(17,17,17,.35)}
.r-term h3{font-size:1.2rem;letter-spacing:-.02em;color:var(--ink)}
.r-term dfn{font-style:normal}
.r-term h3 small{display:block;margin-top:.15rem;font-size:.82rem;font-weight:500;letter-spacing:0;color:var(--muted)}
.r-term p{margin-top:.6rem;font-size:.95rem;line-height:1.55;color:var(--ink2)}
.r-term .r-formula{margin-top:.8rem;font-size:.88rem;text-align:left;background:var(--page)}
.r-term .r-see{margin-top:.8rem;font-size:.82rem;color:var(--muted)}
.r-term a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.r-term .r-permalink{float:right;margin-left:.5rem;color:var(--muted2);text-decoration:none;opacity:0;transition:opacity .3s}
.r-term:hover .r-permalink,.r-term .r-permalink:focus{opacity:1}

/* ---------- intégrations : onglets, code, logos ---------- */
.r-tabs{display:inline-flex;gap:.3rem;padding:.3rem;border-radius:999px;background:var(--sand)}
.r-tabs button{display:inline-flex;align-items:center;gap:.45rem;height:2.3rem;padding:0 1rem;border:0;border-radius:999px;background:none;font:inherit;font-size:.86rem;font-weight:500;color:var(--muted);cursor:pointer;transition:background-color .3s,color .3s}
.r-tabs button img{width:1.1rem;height:1.1rem}
.r-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(17,17,17,.12)}
.r-panel{margin-top:1.4rem}
.r-panel[hidden]{display:none}
.r-panel h3{font-size:1.15rem}
.r-panel ol{margin-top:.8rem;padding-left:1.2rem;font-size:.98rem;line-height:1.6;color:var(--ink2)}
.r-panel li+li{margin-top:.45rem}
.r-code{position:relative;display:flex;align-items:center;gap:.8rem;margin-top:1rem;padding:.9rem 1rem .9rem 1.2rem;border-radius:.9rem;background:#141413;color:#f4f4f1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;overflow-x:auto}
.r-code code{flex:1}
.r-code button{flex:none;height:2rem;padding:0 .8rem;border:0;border-radius:.6rem;background:#2b2b29;color:#f4f4f1;font:inherit;font-family:Figtree,system-ui,sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;transition:background-color .3s}
.r-code button:hover{background:#3a3a37}
.r-code button.is-done{background:#c7f33c;color:var(--ink)}
.r-int{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.2rem}
.r-int .c-card{transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.r-int .c-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--line2),0 22px 40px -26px rgba(17,17,17,.4)}
.r-int .r-logos{display:flex;align-items:center;gap:.7rem;min-height:2rem;margin-bottom:1rem}
.r-int .r-logos img{height:1.6rem;width:auto;transition:transform .5s var(--ease)}
.r-int .c-card:hover .r-logos img{transform:translateY(-3px)}
.r-int .r-logos img:nth-child(2){transition-delay:.06s}.r-int .r-logos img:nth-child(3){transition-delay:.12s}
.r-int .tag{align-self:flex-start;margin-top:.9rem}

/* ---------- guide : frise des échéances ---------- */
.r-time{list-style:none;padding:0;display:grid;gap:0}
.r-time li{position:relative;display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1.2rem;padding:0 0 1.4rem 1.6rem}
.r-time li::before{content:"";position:absolute;left:.3rem;top:.45rem;width:.75rem;height:.75rem;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #8fbf14}
.r-time li::after{content:"";position:absolute;left:.64rem;top:1.4rem;bottom:.2rem;width:2px;background:var(--line)}
.r-time li:last-child::after{display:none}
.r-time li.is-now::before{background:#c7f33c;box-shadow:0 0 0 2px #8fbf14,0 0 0 6px rgba(199,243,60,.35)}
.r-time time{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.r-time p{margin:0}

/* ---------- mobile ---------- */
@media (max-width:991px){
  .r-toc{position:static;padding:1rem 1.2rem;border-radius:1rem;background:var(--sand)}
  .r-toc summary{cursor:pointer;display:flex;justify-content:space-between}
  .r-toc summary::after{content:"+";font-size:1rem}
  .r-toc[open] summary::after{content:"–"}
  .r-grid,.r-int{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .r-grid,.r-int,.r-terms{grid-template-columns:minmax(0,1fr)}
  .r-calc{grid-template-columns:minmax(0,1fr)}
  .r-time li{grid-template-columns:minmax(0,1fr);gap:.2rem}
  .r-gl-bar{top:3.6rem;padding:.7rem}
  .r-az a{min-width:1.6rem;height:1.6rem;font-size:.76rem}
  .r-tabs{display:flex;flex-wrap:wrap;border-radius:1rem}
}
@media (prefers-reduced-motion:reduce){.r-post,.r-term,.r-thumb img,.r-rcard,.r-int .c-card,.r-int .r-logos img{transition:none!important}}

/* intégrations : fenêtre du hero, logo clair sur pastille sombre, sous-titres */
.r-conn{list-style:none;margin:.8rem 0 1.4rem;padding:0;display:grid;gap:.5rem}
.r-conn li{display:grid;grid-template-columns:7rem minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.75rem .9rem;border-radius:.9rem;background:#f6f6f3;font-size:.86rem}
.r-conn-l{display:flex;align-items:center;gap:.35rem}
.r-conn-l img{height:1.1rem;width:auto}
.r-conn b{font-weight:600}
.r-conn em{font-style:normal;font-size:.74rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;background:#e9ebe6;color:var(--muted)}
.r-conn em.is-on{background:#ddfcde;color:#2a4e1c}
.r-dark{display:inline-flex;align-items:center;padding:.45rem .7rem;border-radius:.6rem;background:#141413}
.r-dark img{height:1rem!important}
.r-int .r-logos img[src*=superpdp]{height:.95rem}
.r-int .r-logos img[src*=brandfetch]{height:1.5rem}
.r-sub{margin-top:3rem;font-size:1.3rem;letter-spacing:-.02em;scroll-margin-top:6rem}
.r-sub+.r-tbl-wrap{margin-top:1rem}
.c-prose code,.r-tbl code,.r-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;padding:.08rem .3rem;border-radius:.35rem;background:var(--sand)}
.r-tbl code{white-space:normal;word-break:break-word}
@media (max-width:640px){.r-conn li{grid-template-columns:minmax(0,1fr) auto}.r-conn-l{display:none}}
/* Lettre Lyno : encart d'inscription du blog ; l'aperçu du mail se redresse au survol */
.r-news{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:3rem;align-items:center;max-width:68rem;margin:0 auto;padding:3rem;border-radius:2rem;background:#fff;box-shadow:0 0 0 1px var(--line)}
.r-news h2{margin-top:1rem;font-size:2.3rem;line-height:1.05;letter-spacing:-.03em}
.r-news .lead{margin-top:.6rem;color:var(--muted)}
.r-news-l{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.6rem;font-size:.95rem;color:var(--ink2)}
.r-news-l li{display:flex;gap:.7rem;align-items:center}
.r-news-l .ph{flex:none;width:1.9rem;height:1.9rem;border-radius:.6rem;display:grid;place-items:center;background:#eefacb;color:#3e5c05;font-size:1rem}
.r-news-f{margin-top:1.8rem;display:grid;gap:.5rem}
.r-news-f label{font-size:.8rem;font-weight:500;color:var(--ink)}
.r-news-row{display:flex;gap:.5rem}
.r-news-row input{flex:1;min-width:0;height:3rem;padding:0 1rem;border:1px solid var(--line2);border-radius:.9rem;background:#fff;font:inherit;font-size:.95rem;color:var(--ink);transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}
.r-news-row input:focus{outline:0;border-color:#8fbf14;box-shadow:0 0 0 4px rgba(199,243,60,.35)}
.r-news-row .btn{height:3rem;border:0;cursor:pointer;font-family:inherit;white-space:nowrap}
.r-news-f small{font-size:.75rem;color:var(--muted2)}
.r-news-ok{margin:.3rem 0 0;padding:.8rem 1rem;border-radius:.9rem;background:#f4f8de;color:#3e5c05;font-size:.88rem;line-height:1.45}
.r-news-ok a{text-decoration:underline}
.r-news-v{align-self:stretch;display:grid;place-items:center;padding:2rem 1.5rem;border-radius:1.5rem;background:linear-gradient(160deg,#f3fbd6,#caf5ef)}
.r-mail{width:100%;max-width:22rem;padding:1.3rem;border-radius:1.2rem;background:#fff;box-shadow:0 24px 44px -28px rgba(17,17,17,.45);transform:rotate(-3deg);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.r-news:hover .r-mail,.r-news:focus-within .r-mail{transform:rotate(0) translateY(-6px);box-shadow:0 30px 50px -28px rgba(17,17,17,.5)}
.r-mail-h{display:flex;gap:.7rem;align-items:center;font-size:.85rem}
.r-mail-h b{display:block;color:var(--ink)}
.r-mail-h small{color:var(--muted2);font-size:.72rem}
.r-mail-av{width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;background:#c7f33c;color:var(--ink);font-weight:700}
.r-mail-s{margin:1rem 0 .7rem;font-weight:600;font-size:1rem;color:var(--ink)}
.r-mail ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.r-mail li{display:flex;gap:.6rem;align-items:center;padding:.55rem .7rem;border-radius:.7rem;background:#f6f5f1;font-size:.8rem;color:var(--ink2);transition:transform .45s var(--ease)}
.r-mail li .ph{color:#3e7a10}
.r-news:hover .r-mail li:nth-child(1){transform:translateX(4px)}
.r-news:hover .r-mail li:nth-child(2){transform:translateX(4px);transition-delay:.06s}
.r-news:hover .r-mail li:nth-child(3){transform:translateX(4px);transition-delay:.12s}
@media (max-width:991px){.r-news{grid-template-columns:minmax(0,1fr);gap:2rem;padding:2rem}}
@media (max-width:640px){.r-news{padding:1.5rem;border-radius:1.5rem}.r-news h2{font-size:1.8rem}.r-news-row{flex-direction:column}.r-news-row input{flex:none;width:100%}.r-news-row .btn{width:100%;justify-content:center}.r-news-v{padding:1.5rem 1rem}}
@media (prefers-reduced-motion:reduce){.r-mail,.r-mail li{transition:none}}

/* ---------- cartes : vignette illustrée (objet 3D CC0 sur le fond de la rubrique), pastille, titre ---------- */
.r-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.r-post{display:flex;flex-direction:column;border-radius:1.4rem;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.r-post[hidden]{display:none}
a.r-post:hover,a.r-post:focus-visible,a.r-post.on{transform:translateY(-4px);box-shadow:0 0 0 1px var(--line2),0 22px 40px -26px rgba(17,17,17,.4)}
.r-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16/10;background:radial-gradient(circle at 72% 28%,rgba(255,255,255,.75),transparent 52%),var(--tb,#f3fbd6);overflow:hidden;isolation:isolate}
.r-thumb::before{content:"";position:absolute;z-index:-1;width:62%;aspect-ratio:1;left:-14%;bottom:-38%;border-radius:50%;background:rgba(255,255,255,.4)}
.r-thumb::after{content:"";position:absolute;z-index:-1;width:24%;aspect-ratio:1;right:9%;top:-8%;border-radius:50%;border:2px solid rgba(17,17,17,.06)}
.r-thumb img{width:44%;height:auto;filter:drop-shadow(0 18px 20px rgba(17,17,17,.2));transform:rotate(-6deg);transition:transform .7s var(--ease)}
a.r-post:hover .r-thumb img,a.r-post:focus-visible .r-thumb img,a.r-post.on .r-thumb img,a.r-rcard:hover .r-thumb img{transform:rotate(3deg) translateY(-6px) scale(1.07)}
.r-post.is-soon{background:transparent;box-shadow:0 0 0 1px var(--line) inset}
.r-post.is-soon .r-thumb{background:#ecebe6}
.r-post.is-soon .r-thumb img{filter:grayscale(1) opacity(.45)}
.r-soon{position:absolute;left:.8rem;top:.8rem;padding:.25rem .55rem;border-radius:.45rem;background:#fff;font-style:normal;font-size:.7rem;font-weight:600;color:var(--muted)}
.r-post-b{display:flex;flex-direction:column;flex:1;padding:1.1rem 1.25rem 1.3rem}
.r-tag{align-self:flex-start;display:inline-block;padding:.24rem .55rem;border-radius:.45rem;background:var(--tb,#f3fbd6);color:var(--tc,#3e5a06);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.r-post h3{margin-top:.6rem;font-size:1.1rem;line-height:1.3;letter-spacing:-.015em;color:var(--ink)}
.r-post p{margin-top:.45rem;font-size:.9rem;line-height:1.45;color:var(--muted)}
.r-meta{margin-top:auto;padding-top:1rem;font-size:.78rem;color:var(--muted2)}
.r-post.is-soon h3{color:var(--muted)}

/* À la une : grande carte (titre et chapeau côte à côte) + trois cartes en ligne */
.sky+.c-sec.r-une-sec{margin-top:0;padding-top:2.6rem}
.r-une{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.2rem}
.r-big .r-thumb{aspect-ratio:16/8}
.r-big .r-thumb img{width:30%}
.r-big .r-post-b{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:.5rem 1.8rem;align-content:start;padding:1.4rem 1.6rem 1.6rem}
.r-big .r-tag,.r-big .r-meta{grid-column:1/-1;justify-self:start}
.r-big h3{margin-top:.2rem;font-size:1.75rem;line-height:1.1;letter-spacing:-.03em}
.r-big p{margin-top:.2rem;font-size:.95rem}
.r-big-solo .r-thumb{aspect-ratio:16/6}
.r-big-solo .r-thumb img{width:18%}
.r-side{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:1.2rem}
.r-row{flex-direction:row}
.r-row .r-thumb{flex:none;width:40%;aspect-ratio:auto}
.r-row .r-thumb img{width:62%}
.r-row .r-post-b{justify-content:center;padding:1rem 1.2rem}
.r-row h3{font-size:1rem}

/* bibliothèque : recherche et rubriques à gauche (collantes), vignettes à droite */
.r-lib{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2rem;align-items:start;margin-top:1.6rem}
.r-lib:has(>.r-lib-side[hidden]){grid-template-columns:minmax(0,1fr)}
.r-lib-side{position:sticky;top:5rem;display:grid;gap:.8rem}
.r-lib-side[hidden]{display:none}
.r-lib-side .r-search{flex:none}
.r-facet{padding:.2rem 1rem .7rem;border-radius:1rem;background:#fff;box-shadow:0 0 0 1px var(--line)}
.r-facet summary{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0 .5rem;list-style:none;font-size:.86rem;font-weight:600;color:var(--ink);cursor:pointer}
.r-facet summary::-webkit-details-marker{display:none}
.r-facet summary::after{content:"";width:.45rem;height:.45rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .3s}
.r-facet[open] summary::after{transform:rotate(-135deg)}
.r-facet label{display:flex;align-items:center;gap:.6rem;padding:.38rem 0;font-size:.86rem;color:var(--ink2);cursor:pointer}
.r-facet label span{margin-left:auto;font-size:.78rem;color:var(--muted2);font-variant-numeric:tabular-nums}
.r-facet input{width:1rem;height:1rem;margin:0;accent-color:#5d8a06}
.r-lib-foot{display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:.8rem;color:var(--muted)}
.r-lib-foot button{padding:0;border:0;background:none;font:inherit;color:var(--ink);text-decoration:underline;cursor:pointer}

/* ---------- article : en-tête clair, sommaire | corps | ressources ---------- */
.r-ahead{padding:3rem 0 1rem}
.r-ahead-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:3.5rem;align-items:center}
.r-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1.4rem;font-size:.8rem;color:var(--muted)}
.r-crumbs a:hover{color:var(--ink);text-decoration:underline}
.r-crumbs span[aria-hidden]{color:var(--muted2)}
.r-ahead h1{margin-top:.9rem;font-size:clamp(2.1rem,1.2rem + 2.4vw,3.2rem);line-height:1.02;letter-spacing:-.035em}
.r-dek{margin-top:1.1rem;max-width:34rem;font-size:1.12rem;line-height:1.45;color:var(--muted)}
.r-who{display:flex;align-items:center;gap:.75rem;margin-top:1.8rem;font-size:.9rem}
.r-who b{display:block;color:var(--ink);font-weight:600}
.r-who small{display:block;font-size:.8rem;color:var(--muted)}
.r-who .r-av{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:#c7f33c;color:var(--ink);font-weight:700;font-size:.85rem}
.r-cover{aspect-ratio:16/11;border-radius:1.8rem}
.r-cover img{width:42%;transform:rotate(-8deg);animation:r-float 6s ease-in-out infinite}
@keyframes r-float{50%{transform:rotate(-3deg) translateY(-10px)}}
.r-ahead+.c-sec{padding-top:2.6rem}
.r-art{display:grid;grid-template-columns:13rem minmax(0,42rem) 15rem;gap:3rem;justify-content:center;align-items:start}
.r-date{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2)}
.r-body .c-answer{max-width:none;margin:1rem 0 0;font-size:1.02rem}
.r-rail{position:sticky;top:5.5rem;display:grid;gap:1rem}
.r-rail-t{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2)}
.r-rcard{display:block;border-radius:1.1rem;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.r-rcard:hover{transform:translateY(-3px);box-shadow:0 0 0 1px var(--line2),0 18px 32px -24px rgba(17,17,17,.4)}
.r-rcard .r-thumb{aspect-ratio:16/8}
.r-rcard .r-thumb img{width:30%}
.r-rcard>span:last-child{display:block;padding:.9rem 1rem 1rem}
.r-rcard b{display:block;margin-top:.5rem;font-size:.92rem;line-height:1.3;font-weight:600;color:var(--ink)}
.r-rcta{padding:1.2rem;border-radius:1.1rem;background:#141413;color:#fff}
.r-rcta b{font-size:1rem}
.r-rcta p{margin:.4rem 0 1rem;font-size:.85rem;line-height:1.45;color:rgba(255,255,255,.75)}
.r-rcta .btn{width:100%;background:#c7f33c;color:#111}
.r-cta-in{display:grid;grid-template-columns:minmax(0,1fr) 9rem;gap:1.2rem;align-items:center;padding:1.5rem 1.6rem;border-radius:1.4rem;background:var(--tb)}
.r-cta-in b{display:block;font-size:1.15rem;letter-spacing:-.02em;color:var(--ink)}
.r-cta-in p{margin:.4rem 0 1rem;font-size:.95rem;line-height:1.5}
.r-cta-in .btn{text-decoration:none}
.r-cta-in .r-thumb{aspect-ratio:1;border-radius:1rem;background:rgba(255,255,255,.55)}
.r-cta-in .r-thumb img{width:78%}

@media (max-width:1199px){
  .r-art{grid-template-columns:13rem minmax(0,42rem)}
  .r-rail{display:none}
}
@media (max-width:991px){
  .r-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r-une{grid-template-columns:minmax(0,1fr)}
  .r-side{grid-template-rows:none}
  .r-big .r-post-b{grid-template-columns:minmax(0,1fr)}
  .r-lib{grid-template-columns:minmax(0,1fr)}
  .r-lib-side{position:static}
  .r-ahead{padding-top:2rem}
  .r-ahead-g{grid-template-columns:minmax(0,1fr);gap:2rem}
  .r-cover{aspect-ratio:16/8}
  .r-cover img{width:28%}
  .r-art{grid-template-columns:minmax(0,1fr);gap:1.4rem}
}
@media (max-width:640px){
  .r-grid{grid-template-columns:minmax(0,1fr)}
  .r-big h3{font-size:1.4rem}
  .r-row .r-thumb{width:34%}
  .r-cta-in{grid-template-columns:minmax(0,1fr)}
  .r-cta-in .r-thumb{display:none}
}
@media (prefers-reduced-motion:reduce){.r-cover img{animation:none}}
.r-empty{margin-top:1.4rem;padding:1.4rem;border-radius:1.2rem;background:var(--sand);font-size:.92rem;color:var(--muted)}
.r-empty[hidden]{display:none}

/* ---------- pages légales : ciel sans maquette, sommaire par parties ---------- */
.r-legal-sky .sky-in{padding-bottom:12rem}
.r-legal-sky h1{max-width:16em}
.r-toc li.is-part a{margin-top:.8rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2)}
.r-toc li.is-part:first-child a{margin-top:0}
.r-legal ul ul{margin-top:.4rem}
.r-legal-more{margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--line);font-size:.95rem;color:var(--muted)}
@media (max-width:991px){.r-legal-sky .sky-in{padding-bottom:9rem}}
@media (min-width:992px){.r-legal-sky~.c-sec .r-toc{max-height:calc(100vh - 7rem);overflow:auto;overscroll-behavior:contain}}
.r-legal h3{scroll-margin-top:6rem}