body {
  font-family: sans-serif;
  margin: 0;
  cursor: grab;
}

body.dragging {
  cursor: grabbing;
  user-select: none; /* Only disable text selection while dragging */
}

.sticky-header,
.sticky-footer {
  position: relative; /* Set initial position */
  background-color: #333;
  color: white;
  padding: 10px;
  text-align: center;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sticky-header {
  /* CRITICAL: Reset top margin for proper top edge alignment */
  margin-top: 0;
  /* Other margins preserved: margin-bottom, margin-left, margin-right */
}

.sticky-footer {
  /* CRITICAL: Reset bottom margin for proper bottom edge alignment */
  margin-bottom: 0;
  /* Other margins preserved: margin-top, margin-left, margin-right */
}

.sticky-header,
.sticky-footer {
  height: 80px;
}

.content {
  padding: 20px;
  line-height: 1.6;
}

main {
  max-width: 800px;
  margin: 0 auto;
}