/* Navigation de rubrique (.rn), sous le panneau d'identité d'une page éditoriale - docs/i4s-essais.html : le nom de la
   rubrique, puis ses pages publiées en libellés courts, la page en cours soulignée. Défile à l'horizontale si besoin. */
.rn{margin-top:clamp(30px,4vw,52px);border-block:1px solid var(--line);background:#fff}
.rn .wrap{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}
.rn .wrap::-webkit-scrollbar{display:none}
.rn__t{display:flex;align-items:center;gap:10px;padding:0 22px 0 0;margin-right:6px;
  border-right:1px solid var(--line);font-family:var(--ui);font-weight:800;font-size:.72rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.rn a{position:relative;display:flex;align-items:center;padding:17px 16px;font-family:var(--ui);
  font-weight:700;font-size:.87rem;color:var(--body);white-space:nowrap}
.rn a::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:3px;background:var(--sky);
  transform:scaleX(0);transform-origin:left;transition:transform .2s}
.rn a:hover{color:var(--blue);text-decoration:none}
.rn a:hover::after,.rn a[aria-current="page"]::after{transform:scaleX(1)}
.rn a[aria-current="page"]{color:var(--blue)}