/* ============================================================
 * scm-page-section — 페이지 섹션 래퍼
 * ------------------------------------------------------------
 * 대시보드 / 상세 / 폼 페이지에서 한 섹션의 표준 래퍼.
 * margin-top 32 + head (title + 우측 link) + 본문.
 *
 * Marker:
 *   <section class="scm-page-section">
 *     <header class="scm-page-section-head">
 *       <h2 class="scm-page-section-title">섹션 제목</h2>
 *       <a class="scm-page-section-link">전체 보기 →</a>
 *     </header>
 *     <div class="scm-page-section-body">
 *       ...
 *     </div>
 *   </section>
 *
 * Sub:
 *   .scm-page-section-title    18/600 #000
 *   .scm-page-section-link     14/500 #666 → hover #000
 * ============================================================ */

.scm-page-section {
  margin-top: 32px;
}

.scm-page-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 16px;
}

.scm-page-section-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24.48px;
  color: #000;
}

.scm-page-section-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  text-decoration: none;
}

.scm-page-section-link:hover {
  color: #000;
}

.scm-page-section-body {
  /* slot — 자유로운 컨텐츠 */
}