/**
 * responsive.css
 * Mobile overrides (<=760px): collapses the two-page spread into a single
 * page with a fixed bottom nav bar, simplifies book chrome, and stacks the
 * corkboard vertically.
 */
@media (max-width:760px){
  .rail{font-size:10px}
  #scene-book{padding:16px 10px 96px}
  .book-head{margin-bottom:8px}
  .book-shell{padding:12px}
  .page-edges{display:none}
  .spread{width:92vw;height:auto;min-height:66vh;flex-direction:column;background:transparent;box-shadow:none}
  .leaf-static{width:100% !important;padding:24px 20px;box-shadow:none !important;border:none !important}
  .leaf-static.mobile-hide{display:none}
  .turn-zone{display:none}
  .page-h{font-size:20px}
  .page-body{font-size:14px}
  .mobile-nav{display:flex}
  .cork-body{flex-direction:column}
  .pin-cup-wrap{flex-direction:row;gap:14px}
  #board{min-height:340px}
  .speech-bubble{max-width:100%}
}