* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: #f1f3f5;
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans KR", sans-serif;
}

.mypage-wrapper {
  max-width: 420px;
  margin: 0 auto;
  background: #fff;
}

/* 공통 섹션 */
.section {
  border-bottom: 1px solid #dee2e6;
}

.section-header {
  padding: 14px;
  font-weight: 800;
  background: #e9ecef;
  cursor: pointer;
}

.section-body {
  padding: 16px;
  min-height: 300px;
}

/* 역할별 색감 */
.buyer .section-header {
  background: #e7f0ff;
}

.store .section-header {
  background: #e6fcf5;
}

.rider .section-header {
  background: #fff3bf;
}

/* 활성화된 영역 고정 */
.section.active {
  position: sticky;
  z-index: 10;
}

.buyer.active {
  top: 0;
}

.store.active {
  top: 60px;
}

.rider.active {
  bottom: 0;
}