/* v1.9.2 — mobile single-page magazine mode + lower folio.
   Final additive layer. Does not alter desktop/editor geometry except folio position. */
.magazine-shell .page .folio,
body.nc-editor-page .nc-canvas .magazine-shell .page .folio,
body:not(.nc-editor-page) .magazine-shell .page .folio{
  bottom: -2px !important;
}
.magazine-shell .page .folio span,
body.nc-editor-page .nc-canvas .magazine-shell .page .folio span,
body:not(.nc-editor-page) .magazine-shell .page .folio span{
  transform: translateY(15px) !important;
  display: inline-block !important;
}

@media (max-width: 760px){
  body.nc-mobile-single-page{
    overflow-x: hidden;
  }
  body.nc-mobile-single-page .topbar{
    height: 64px !important;
    padding: 0 14px !important;
  }
  body.nc-mobile-single-page .brand h1{
    font-size: 17px !important;
  }
  body.nc-mobile-single-page .brand span,
  body.nc-mobile-single-page .nav button:not(#themeToggle),
  body.nc-mobile-single-page .nav a:not(.cta){
    display: none !important;
  }
  body.nc-mobile-single-page .nav .cta{
    display: none !important;
  }
  body.nc-mobile-single-page .logo{
    width: 42px !important;
    height: 42px !important;
    font-size: 24px !important;
  }
  body.nc-mobile-single-page .stage{
    min-height: calc(100vh - 64px) !important;
    padding: 18px 0 88px !important;
    overflow: hidden !important;
  }
  body.nc-mobile-single-page .magazine-shell{
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
  }
  body.nc-mobile-single-page .book-wrap{
    width: min(94vw, 560px) !important;
    height: auto !important;
    aspect-ratio: .76 !important;
    max-height: calc(100vh - 166px) !important;
    perspective: 1600px !important;
    touch-action: pan-y !important;
  }
  body.nc-mobile-single-page .book{
    transform: none !important;
    filter: drop-shadow(0 24px 22px rgba(0,0,0,.55)) !important;
  }
  body.nc-mobile-single-page .book:before{
    inset: 5% -5% -6% !important;
  }
  body.nc-mobile-single-page .spread{
    display: block !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .18s ease !important;
  }
  body.nc-mobile-single-page .spread.is-active{
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  body.nc-mobile-single-page .spread .page{
    position: absolute !important;
    inset: 0 !important;
    display: none !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 14px !important;
    padding: 22px 20px 34px !important;
    box-shadow: inset 0 0 36px rgba(75,47,14,.18), 0 14px 28px rgba(0,0,0,.26) !important;
  }
  body.nc-mobile-single-page .spread.mobile-show-left .page.left,
  body.nc-mobile-single-page .spread.mobile-show-right .page.right{
    display: block !important;
  }
  body.nc-mobile-single-page .spine{
    display: none !important;
  }
  body.nc-mobile-single-page .stack-left,
  body.nc-mobile-single-page .stack-right{
    width: 22px !important;
    top: 3.5% !important;
    bottom: 3.5% !important;
    opacity: .55 !important;
    z-index: -2 !important;
  }
  body.nc-mobile-single-page .stack-left{ left: -15px !important; }
  body.nc-mobile-single-page .stack-right{ right: -15px !important; }
  body.nc-mobile-single-page .tabs{
    top: 34px !important;
    bottom: 34px !important;
    gap: 4px !important;
    opacity: .92 !important;
  }
  body.nc-mobile-single-page .tabs.left{ left: -35px !important; }
  body.nc-mobile-single-page .tabs.right{ right: -35px !important; }
  body.nc-mobile-single-page .tab{
    width: 52px !important;
    min-width: 52px !important;
    font-size: 9px !important;
  }
  body.nc-mobile-single-page .tab-label{
    font-size: 9px !important;
  }
  body.nc-mobile-single-page .page-head{
    min-height: 52px !important;
  }
  body.nc-mobile-single-page .page-title{
    font-size: clamp(24px, 8.5vw, 42px) !important;
  }
  body.nc-mobile-single-page .editorial-grid{
    min-height: 0 !important;
  }
  body.nc-mobile-single-page .controls{
    height: 80px !important;
    grid-template-columns: 1fr 1.15fr 1fr !important;
    gap: 8px !important;
    padding: 12px 12px !important;
  }
  body.nc-mobile-single-page .view-buttons{
    display: none !important;
  }
  body.nc-mobile-single-page .ctrl-btn{
    height: 48px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    border-radius: 11px !important;
  }
  body.nc-mobile-single-page .pager{
    font-size: 12px !important;
  }
  body.nc-mobile-single-page .range{
    margin-top: 8px !important;
  }
  body.nc-mobile-single-page .range i{
    width: 18px !important;
    height: 18px !important;
  }
  body.nc-mobile-single-page .nc-mobile-drag-hint{
    position: fixed;
    left: 50%;
    bottom: 86px;
    transform: translateX(-50%);
    z-index: 70;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(10,7,4,.66);
    color: #fff3c4;
    font-size: 11px;
    font-weight: 900;
    pointer-events: none;
    border: 1px solid rgba(245,205,84,.26);
    backdrop-filter: blur(8px);
  }
  body.nc-mobile-single-page .book-wrap.nc-mobile-dragging .spread.is-active .page{
    transition: transform .05s linear !important;
  }
  body.nc-mobile-single-page .book-wrap.nc-mobile-dragging[data-mobile-dir="next"] .spread.is-active .page{
    transform: translateX(calc(var(--mobile-drag-p, 0) * -18px)) rotateY(calc(var(--mobile-drag-p, 0) * -8deg)) !important;
    transform-origin: 0% 50% !important;
  }
  body.nc-mobile-single-page .book-wrap.nc-mobile-dragging[data-mobile-dir="prev"] .spread.is-active .page{
    transform: translateX(calc(var(--mobile-drag-p, 0) * 18px)) rotateY(calc(var(--mobile-drag-p, 0) * 8deg)) !important;
    transform-origin: 100% 50% !important;
  }
}