/* =====================================================================
   DiscJockeys.com — pages navigation

   .page-rail  sticky menu in the third column of the articles section
   .foot-pages three-column copy of the same list in the footer
   ===================================================================== */
.page-rail{
  position:sticky;
  top:96px;
  align-self:start;
  background:#fff;
  border:1px solid rgba(11,26,58,.1);
  border-radius:20px;
  padding:18px 14px 14px;
  box-shadow:0 14px 34px rgba(11,26,58,.06);
  min-width:0;
}

.page-rail-kicker{
  margin:0 0 10px;
  padding:0 10px;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#7b87a2;
}
.page-rail-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:1px;
}
.page-rail-list a{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border-radius:10px;
  font-size:14.5px;
  font-weight:500;
  line-height:1.25;
  color:#33466e;
  transition:background .18s,color .18s;
}
.page-rail-list a span{
  flex:1;
  min-width:0;
}
.page-rail-arrow{
  width:15px;
  height:15px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:0;
  transform:translateX(-4px);
  transition:opacity .18s,transform .18s;
}
.page-rail-list a:hover{
  background:rgba(11,26,58,.05);
  color:#0b1a3a;
}
.page-rail-list a:hover .page-rail-arrow{
  opacity:1;
  transform:translateX(0);
}
.page-rail-list a.on{
  background:#f6c445;
  color:#0b1a3a;
  font-weight:700;
}
.page-rail-list a.on .page-rail-arrow{
  opacity:1;
  transform:translateX(0);
}
.page-rail-list a:focus-visible{
  outline:2px solid #f6c445;
  outline-offset:2px;
}

/* ---- footer copy of the pages menu, 3 columns ---- */
.foot-pages{min-width:0}
.foot-pages .foot-pages-list{
  display:block;
  columns:3;
  column-gap:32px;
  list-style:none;
  margin:0;
  padding:0;
  font-size:14px;
}
.foot-pages .foot-pages-list li{
  break-inside:avoid;
  page-break-inside:avoid;
  margin:0 0 9px;
}
.foot-pages .foot-pages-list a{
  color:rgba(255,255,255,.72);
  transition:color .18s;
}
.foot-pages .foot-pages-list a:hover{
  color:#f6c445;
}
@media (max-width:800px){
  .foot-pages .foot-pages-list{columns:2}
}
@media (max-width:520px){
  .foot-pages .foot-pages-list{columns:1}
}