/* cp-scope.css — Scoped Tailwind-like utilities (no global bleed) */
.cp-scope{
  /* Brand tokens */
  --cp-main-color:var(--rb-main-color);      /* 핵심 색 */
  --cp-bg:#ffffff;              /* 배경 */
  --cp-fg:#111827;              /* 본문 글색 */
  --cp-muted:#6b7280;           /* 보조 글색 */
  --cp-line:#e5e7eb;            /* 경계선 */
  --cp-radius:14px;             /* 라운드 스케일 */
  --cp-sub-width:1160px;        /* 섹션 내부 최대폭 */
}
@media (prefers-color-scheme: dark){
  .cp-scope{
    --cp-bg:#0b0f17; --cp-fg:#e5e7eb; --cp-muted:#9aa4b2; --cp-line:#1f2937;
  }
}

/* Utilities (필요한 만큼만) */
.cp-container{max-width:var(--cp-sub-width);margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;}
.cp-py-24{padding-top:96px;padding-bottom:96px;}
.cp-text{color:var(--cp-fg);}
.cp-text-muted{color:var(--cp-muted);}


/* 2) 접근성용 sr-only (필요 시) */
.cp-scope .cp-sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* 3) 링크 유틸(본문 링크 스타일을 통일하고 싶을 때) */
.cp-scope .cp-link{
  color:inherit; text-decoration:underline; text-underline-offset:3px;
}

/* 4) (선택) 섹션 여백 유틸 – 자주 쓰는 간격만 */
.cp-scope .cp-section{ margin:80px 0; }
@media (max-width:980px){ .cp-scope .cp-section{ margin:56px 0; } }