.site-shell.has-paging{touch-action:auto}
.site-shell.is-dragging{will-change:transform;user-select:none}
.site-shell.is-settling,.site-shell.is-leaving{
  transition:transform 200ms var(--ease),opacity 200ms var(--ease)
}
.page-marker{
  color:var(--smoke);font-family:var(--font-mono);font-size:11px;font-weight:700;
  letter-spacing:.14em;white-space:nowrap
}
.page-next-peek{
  position:fixed;right:0;bottom:calc(16px + env(safe-area-inset-bottom));z-index:5;
  display:flex;align-items:center;gap:8px;max-width:min(72vw,360px);min-height:44px;
  padding:8px 12px 8px 14px;border:2px solid var(--ink);border-right:0;
  background:var(--paper-lift);color:var(--ink);text-decoration:none
}
.page-next-peek__label{
  font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase
}
.page-next-peek__title{
  overflow:hidden;font-family:var(--font-sub);font-size:14px;line-height:1.2;
  text-overflow:ellipsis;white-space:nowrap
}
.page-next-peek__arrow{font-size:18px}
.has-paging .story-actions{
  padding-bottom:calc(34px + 64px + env(safe-area-inset-bottom))
}
.page-edge-nav{display:none}
@media (hover:hover){
  .page-next-peek:hover{background:var(--pumpkin);color:var(--ink)}
}
.page-next-peek:active{background:var(--pumpkin);color:var(--ink)}
@media (min-width:820px){
  .has-paging .story-actions{
    padding-bottom:calc(42px + 64px + env(safe-area-inset-bottom))
  }
}
@media (min-width:1264px) and (hover:hover){
  .page-edge-nav{display:contents}
  .page-edge-button{
    position:fixed;top:50%;z-index:5;width:48px;height:64px;display:grid;
    place-items:center;transform:translateY(-50%);border:3px solid var(--ink);
    background:var(--paper);color:var(--ink);font-size:30px;line-height:1;
    text-decoration:none
  }
  .page-edge-button--prev{left:calc(50% - 560px - 64px)}
  .page-edge-button--next{right:calc(50% - 560px - 64px)}
}
@media (prefers-reduced-motion:no-preference){
  .page-enter-next .site-shell{animation:page-enter-next 220ms var(--ease)}
  .page-enter-prev .site-shell{animation:page-enter-prev 220ms var(--ease)}
  @keyframes page-enter-next{from{transform:translateX(40px);opacity:.6} }
  @keyframes page-enter-prev{from{transform:translateX(-40px);opacity:.6} }
}