/* The section shelf (14 September 2026): the parts of a section as a drawer of pills glued under the masthead,
   inside .hc-navwrap so assets/navigation.js counts it in --hc-nav-h and never pushes it. The Enochian pages carry
   the same rules inline as .eno-shelf (.enochian-hub/shelf.py); this file serves Angels, Astrology, Olympian Spirits
   and Tarot, written onto the pages by .section-shelf/shelf.py at the repository root. */
.hc-navwrap .hc-nav{position:relative;z-index:2}
.hc-shelf{position:relative;z-index:1;margin:-14px 18px 0;padding:20px 0 8px;display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap;background-color:var(--paper2);background-image:var(--grain-soft);border:1px solid var(--line2);border-top:0;border-radius:0 0 14px 14px;box-shadow:inset 0 -1px 0 var(--edge-hi),0 12px 30px -22px rgba(0,0,0,.8)}
.hc-shelf::-webkit-scrollbar{display:none}
/* The fades are sticky flex items and cannot leave the content box, so the shelf has no side padding: each fade
   keeps 16px (10px on phones) of its 44px (40px) as the leading and trailing gap and overhangs the rest; the last third
   is solid so the cut pill dissolves before the border. */
.hc-shelf::before,.hc-shelf::after{content:"";position:sticky;flex:0 0 44px;align-self:stretch;margin-top:-20px;margin-bottom:-8px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:1}
.hc-shelf::before{left:0;margin-right:-28px;background:linear-gradient(90deg,var(--paper2) 35%,transparent)}
.hc-shelf::after{right:0;margin-left:-28px;background:linear-gradient(90deg,transparent,var(--paper2) 65%)}
.hc-shelf.more::after,.hc-shelf.more-left::before{opacity:1}
.hc-shelf a,.hc-shelf .tab{display:inline-block;box-sizing:border-box;min-height:0;margin:0;font-family:var(--ff-ui);font-size:10.5px;font-weight:400;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink2);background:none;border:1px solid var(--line);border-radius:999px;padding:.38rem .85rem;flex:0 0 auto;cursor:pointer;transition:color .12s ease,border-color .12s ease,background-color .12s ease}
.hc-shelf a:hover,.hc-shelf a.active,.hc-shelf a[aria-current],.hc-shelf .tab:hover,.hc-shelf .tab[aria-selected="true"]{color:var(--gold-ink);border-color:var(--gold);background-color:transparent;box-shadow:none}
.hc-shelf a.active,.hc-shelf a[aria-current],.hc-shelf .tab[aria-selected="true"]{background-color:rgba(196,162,101,.09)}
.hc-shelf a:focus-visible,.hc-shelf .tab:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.hc-shelf .sep{flex:0 0 auto;width:1px;height:18px;background:var(--line2);margin:0 .4rem}
.hc-shelf .astro-phase-links{display:flex;gap:6px;flex:0 0 auto;margin-left:.4rem;padding-left:.8rem;border-left:1px solid var(--line2)}
@media (max-width:760px){.hc-shelf{margin:-12px 8px 0;padding:18px 0 7px;gap:5px}.hc-shelf a,.hc-shelf .tab{padding:.34rem .7rem;font-size:10px}.hc-shelf::before,.hc-shelf::after{margin-top:-18px;margin-bottom:-7px}.hc-shelf::before,.hc-shelf::after{flex-basis:40px}.hc-shelf::before{margin-right:-30px}.hc-shelf::after{margin-left:-30px}.hc-shelf .astro-phase-links{gap:5px;margin-left:.3rem;padding-left:.6rem}}
@media (prefers-reduced-motion:reduce){.hc-shelf a,.hc-shelf .tab,.hc-shelf::before,.hc-shelf::after{transition:none}}
@media print{.hc-shelf{display:none}}