/* v1.6.4 — category tabs visibility pass.
   Loaded last in live and editor. One geometry only: the visible magazine tab lip is identical in both contexts. */
:root{
  --nc-v164-tab-lip:62px;
  --nc-v164-tab-width:64px;
  --nc-v164-tab-face:58px;
  --nc-v164-stack-width:44px;
}
html body .magazine-shell{
  overflow:visible!important;
}
html body .magazine-shell .book-wrap,
html body .magazine-shell .book{
  overflow:visible!important;
}
html body .magazine-shell .stack-left,
html body .magazine-shell .stack-right{
  width:var(--nc-v164-stack-width)!important;
  top:2.2%!important;
  bottom:2.2%!important;
  z-index:10!important;
  opacity:1!important;
}
html body .magazine-shell .stack-left{
  left:calc(-1 * var(--nc-v164-stack-width) + 8px)!important;
}
html body .magazine-shell .stack-right{
  right:calc(-1 * var(--nc-v164-stack-width) + 8px)!important;
}
html body .magazine-shell .tabs{
  top:5.1%!important;
  bottom:5.1%!important;
  width:var(--nc-v164-tab-width)!important;
  z-index:34!important;
  overflow:visible!important;
  filter:drop-shadow(0 10px 10px rgba(0,0,0,.38))!important;
}
html body .magazine-shell .tabs.left{
  left:calc(-1 * var(--nc-v164-tab-lip))!important;
  right:auto!important;
  align-items:flex-end!important;
}
html body .magazine-shell .tabs.right{
  right:calc(-1 * var(--nc-v164-tab-lip))!important;
  left:auto!important;
  align-items:flex-start!important;
}
html body .magazine-shell .tab{
  width:var(--nc-v164-tab-face)!important;
  min-width:var(--nc-v164-tab-face)!important;
  max-width:var(--nc-v164-tab-face)!important;
  padding:0 4px!important;
  font-size:9.8px!important;
  letter-spacing:.02em!important;
  color:#1d1508!important;
  background:
    linear-gradient(90deg,#fffdf0 0%,#f4e8be 28%,#d1b16c 62%,#8f692b 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 5px)!important;
  border-color:rgba(102,76,37,.72)!important;
  box-shadow:
    inset 1px 0 0 rgba(255,255,255,.82),
    inset -10px 0 12px rgba(83,57,23,.26),
    0 3px 7px rgba(0,0,0,.31)!important;
}
html body .magazine-shell .tabs.left .tab{border-radius:10px 3px 3px 10px!important;}
html body .magazine-shell .tabs.right .tab{border-radius:3px 10px 10px 3px!important;}
html body .magazine-shell .tab.is-active,
html body .magazine-shell .tab[aria-current="true"]{
  background:
    linear-gradient(90deg,#fff0a0 0%,#e7bb21 52%,#a3710e 100%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 1px,transparent 1px 5px)!important;
  color:#1c1205!important;
}
html body .magazine-shell .tabs::before{
  width:24px!important;
  opacity:.98!important;
}
html body .magazine-shell .page.left{
  box-shadow:inset -58px 0 48px rgba(54,35,17,.32), inset 18px 0 10px rgba(255,244,196,.30), -8px 0 0 rgba(246,229,169,.95), -20px 0 0 rgba(143,105,46,.50), inset 0 0 42px rgba(90,55,17,.18)!important;
}
html body .magazine-shell .page.right{
  box-shadow:inset 58px 0 48px rgba(54,35,17,.28), inset -18px 0 10px rgba(255,244,196,.30), 8px 0 0 rgba(246,229,169,.95), 20px 0 0 rgba(143,105,46,.50), inset 0 0 42px rgba(90,55,17,.18)!important;
}
@media (max-width:980px){
  :root{--nc-v164-tab-lip:50px; --nc-v164-tab-width:52px; --nc-v164-tab-face:48px;}
  html body .magazine-shell .tab{font-size:8.2px!important;}
}