/* Bantrum v0.1.31 — whole-section mobile swipe navigation.
   Works with touch gestures on the page content; horizontal carousels keep their
   original independent movement. Nothing in this file changes the desktop. */
.mobile-page-indicator{display:none}
@media (max-width:740px), (max-width:1100px) and (pointer:coarse){
 .mobile-page-indicator:not([hidden]){
  display:flex;align-items:center;gap:8px;
  min-height:30px;padding:5px 14px;
  background:linear-gradient(90deg,#0b1e37,#122c4c 48%,#0a1b33);
  border-bottom:1px solid #8e743f66;
  color:#c4d8f1;
  font-size:10px;
  font-weight:800;
  letter-spacing:.6px;
  white-space:nowrap;
 }
 .mobile-page-indicator-arrow{
  font:900 21px/.7 Arial,sans-serif;
  color:#f4c430;
  opacity:.96;
 }
 .mobile-page-indicator-arrow{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 31px;min-width:31px;min-height:28px;
  padding:0;cursor:pointer;touch-action:manipulation;
  border:1px solid #936e2e;border-radius:7px;
  background:linear-gradient(180deg,#214268,#0b203a);
  box-shadow:inset 0 1px #c6dfff22,0 2px 6px #0005;
 }
 .mobile-page-indicator-arrow:disabled{opacity:.36;cursor:default}
 .mobile-page-indicator-arrow:not(:disabled):active{background:#1853a2}
 .mobile-page-indicator-label{
  color:#eff6ff;
  text-transform:uppercase;
  font-size:10px;
  overflow:hidden;text-overflow:ellipsis;
 }
 .mobile-page-indicator-count{
  padding:3px 6px;
  border:1px solid #5d789c;
  border-radius:5px;
  color:#f6d579;
  background:#07172a;
  letter-spacing:1px;
  font-variant-numeric:tabular-nums;
 }
 .mobile-page-indicator-instruction{
  margin-left:auto;
  color:#9ab5da;
  font-size:9px;
  letter-spacing:1px;
 }
 /* Moving only the page content prevents the chrome and navigation from
    jumping while sliding between full Bantrum sections. */
 #main-content{
  position:relative!important;
  min-height:calc(100dvh - 260px);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform-origin:center center;
 }
 .shell,.main-content,#app{overscroll-behavior-x:contain}
 /* The swipe rail from v0.1.30 remains a tap-accessible alternative. */
 .mobile-swipe-nav{
  border-bottom-color:#d5a347!important;
  box-shadow:0 4px 14px #0009!important;
 }
 @media(prefers-reduced-motion:reduce){
  #main-content{scroll-behavior:auto}
 }
}
@media(max-width:370px){
 .mobile-page-indicator:not([hidden]){gap:5px;padding-inline:9px}
 .mobile-page-indicator-label{font-size:9px}
 .mobile-page-indicator-instruction{font-size:8px;letter-spacing:.4px}
}