/* ==========================================================================
   INKUNU — La glissiere

   Le rail defile nativement, scroll-snap cale les cartes. Les fleches ne font
   que pousser ce rail : sans script, le doigt et le clavier suffisent encore.

   Cette feuille se lie AVANT le bloc de style de la section hote : ses regles
   n'ont qu'une classe de specificite, chargee ensuite elle gagnerait a egalite.
   ========================================================================== */

.ink-rail{position:relative;}

.ink-rail__track{
  /* Le rail est une liste : sans cette remise a zero, les puces du theme
     reapparaissent a gauche de chaque carte. */
  list-style:none;margin:0;
  display:flex;
  gap:var(--rl-gap,16px);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scroll-padding-inline:var(--rl-pad,0px);
  padding:2px var(--rl-pad,0px);
  /* La barre de defilement est retiree : le rail se lit comme une rangee, pas
     comme une fenetre. Le doigt et les fleches restent, eux. */
  scrollbar-width:none;
  -ms-overflow-style:none;
  overscroll-behavior-x:contain;
}
.ink-rail__track::-webkit-scrollbar{display:none;}

.ink-rail__item{
  flex:0 0 var(--rl-card,300px);
  scroll-snap-align:start;
}

.ink-rail__arrows{
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin:var(--rl-arrow-gap,18px) 0 0;
}
.ink-rail.is-static .ink-rail__arrows{display:none;}

.ink-rail__arrow{
  display:grid;place-items:center;
  width:40px;height:40px;
  padding:0;
  border:1px solid var(--rl-rule,rgba(10,10,10,.12));
  border-radius:50%;
  background:transparent;
  color:var(--rl-fg,#0a0a0a);
  cursor:pointer;
  transition:border-color .3s ease,opacity .3s ease;
}
.ink-rail__arrow svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;}
.ink-rail__arrow:hover:not(:disabled){border-color:var(--rl-fg,#0a0a0a);}
.ink-rail__arrow:focus-visible{outline:2px solid var(--rl-fg,#0a0a0a);outline-offset:3px;}
.ink-rail__arrow:disabled{opacity:.3;cursor:default;}

@media(prefers-reduced-motion:reduce){
  .ink-rail__track{scroll-behavior:auto;}
  .ink-rail__arrow{transition-duration:.01s;}
}