/* Sticky bottom article rail — switch blogs/festivals without changing top nav */
.guide-rail{
  position:fixed;
  left:0;right:0;
  top:auto;
  bottom:0;
  z-index:30;
  background:rgba(15,15,18,.94);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-top:1px solid var(--border, rgba(255,255,255,.08));
  padding:10px 0 12px;
}
.guide-rail-inner{
  max-width:var(--max-w, 860px);
  margin:0 auto;
  padding:0 16px;
  display:flex;
  gap:8px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.guide-rail-label{
  flex:0 0 auto;
  align-self:center;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted, #7c7c86);
  margin-right:4px;
  white-space:nowrap;
}
.guide-rail a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  max-width:220px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--border, rgba(255,255,255,.08));
  background:rgba(255,255,255,.03);
  color:var(--text, #e8e8ec);
  text-decoration:none;
  font-size:.8rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.guide-rail a:hover,
.guide-rail a:focus-visible{
  border-color:rgba(90,181,173,.45);
  color:var(--accent, #5ab5ad);
}
.guide-rail a.is-current{
  background:rgba(90,181,173,.16);
  border-color:rgba(90,181,173,.55);
  color:var(--accent, #5ab5ad);
  font-weight:700;
}
body.has-guide-rail{
  padding-bottom:72px;
}
@media(max-width:520px){
  .guide-rail a{max-width:160px;font-size:.76rem;padding:7px 10px}
}