/* 라이트만 지원 선언 (UA 자동 다크 방지용) */
:root { color-scheme: light only; }

/* OS가 다크여도 우리 페이지는 라이트 유지 */
@media (prefers-color-scheme: dark) {
  :root { color-scheme: light only !important; }

  /* 핵심 영역은 확실한 라이트 배경으로 고정 */
  html, body { background:#ffffff !important; color:#111 !important; }

  /* 네 사이트 구조에 맞춰 추가: 반투명/블러가 있으면 어둡게 보여서 라이트 고정 */
  header, .global-header, .global-nav, .site-nav,
  .hero, .hero-overlay, .cd-pricing-hero,
  .cd-card, .cd-result {
    background:#ffffff !important;
    /* 혹시 배경에 반투명/그라데이션을 쓰면 여기서 라이트 값으로 재정의 */
  }

  /* 자동 다크가 이미지/비디오에 필터를 먹일 때 해제 */
  html { filter: none !important; }
  img, picture, video, canvas { filter: none !important; }
}



/* ===== Modal (CleanDear) — 최종 정리본 ===== */
.modal {
    display: none;                /* 기본은 숨김 */
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 99999;               /* 가려짐 방지 */
    align-items: center;
    justify-content: center;
  }
  
  .modal.is-open {
    display: flex;                /* 열릴 때만 보이게 */
    animation: cdModalFadeIn .18s ease-out;
  }
  
  .modal-content {
    background: #fff;
    width: min(92vw, 800px);
    max-height: 80vh;
    overflow: auto;
    border-radius: 12px;
    padding: 24px;
    position: relative;
  }
  
  .modal-close {
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 24px;
    line-height: 1;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  
  @keyframes cdModalFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
  }