/* The ads page: a shelf per screening (16.10.2026) */
.rl-jump{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding-block:1.5rem .5rem}
.rl-jump a{padding:.45rem 1rem;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--c) 70%,transparent);color:inherit;text-decoration:none;font-weight:700;background:color-mix(in srgb,var(--c) 12%,transparent);transition:background .2s,transform .2s}
.rl-jump a:hover{background:color-mix(in srgb,var(--c) 30%,transparent);transform:translateY(-2px)}
.rl-shelf{padding-block:2.5rem;scroll-margin-top:90px;position:relative}
.rl-shelf+.rl-shelf::before{content:"";position:absolute;inset-inline:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c) 60%,transparent),transparent)}
.rl-head{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-bottom:1.4rem}
.rl-logo{flex:0 0 auto;width:130px;display:block}
.rl-logo img{width:100%;height:auto;max-height:80px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45))}
.rl-meta{flex:1 1 200px;min-width:0}
.rl-meta h2{margin:0;font-size:clamp(1.6rem,3vw,2.3rem);color:var(--c)}
.rl-meta p{margin:.2rem 0 0;opacity:.8}
.rl-list{display:inline-flex;align-items:center;gap:.45rem}
.rl-list svg{width:1em;height:1em}
.rl-grid{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:1.2rem}
@media (max-width:1100px){.rl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.rl-grid{grid-template-columns:minmax(0,1fr)}}
.rl-grid figure{margin:0}
.rl-grid .caption{margin-top:.5rem;font-weight:600;color:#ece6ff;opacity:1;text-wrap:balance}
@media (max-width:640px){
  .rl-head{gap:.8rem}
  .rl-logo{width:96px}
  .rl-list{width:100%;justify-content:center}
  .rl-shelf{padding-block:1.8rem}
}