/* [2026-05-19] dc_mvp.css — MVP 진입/가입/로그인/대시보드 공통
 * BEM prefix: mydb-
 * 의존: 단독 사용 가능 (dc_base.css 없이도 작동) — 단, 다른 페이지 합쳐질 때 dc_base.css 권장
 */

/* ===== 디자인 토큰 (mydb- 전용 네임스페이스, 기존 dc- 토큰과 격리) ===== */
/* [2026-05-20 24:00] primary 톤 조정 — 어두운 네이비 #1A3FBE → 친근하고 밝은 #2563EB (Tailwind blue-600 base, WCAG AA 통과) */
:root{
  --mydb-primary:#2563EB;
  --mydb-primary-dark:#1D4ED8;
  --mydb-primary-light:#3B82F6;
  --mydb-accent:#FF6B3D;
  --mydb-text:#0F172A;
  --mydb-text-mute:#64748B;
  --mydb-border:#E2E8F0;
  --mydb-line:#E5E7EB;
  --mydb-bg:#FFFFFF;
  --mydb-bg-soft:#F8FAFC;
  --mydb-radius:12px;
  --mydb-shadow-sm:0 1px 2px rgba(15,23,42,.05);
  --mydb-shadow-md:0 4px 24px rgba(37,99,235,.10);
  --mydb-font:'Pretendard',-apple-system,'Apple SD Gothic Neo','Segoe UI',sans-serif;
}

/* ===== reset (스코프) ===== */
.mydb-scope, .mydb-scope *, .mydb-scope *::before, .mydb-scope *::after{box-sizing:border-box}
.mydb-scope{
  font-family:var(--mydb-font);
  color:var(--mydb-text);
  background:var(--mydb-bg);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.mydb-scope img{max-width:100%;height:auto;display:block}
.mydb-scope a{color:inherit;text-decoration:none}
.mydb-scope button{font:inherit;cursor:pointer;border:0;background:transparent;padding:0}
.mydb-scope h1,.mydb-scope h2,.mydb-scope h3{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.mydb-scope p{margin:0}

/* ===== 헤더 ===== */
.mydb-topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(160%) blur(8px);
  -webkit-backdrop-filter:saturate(160%) blur(8px);
  border-bottom:1px solid var(--mydb-border);
}
.mydb-topbar__inner{
  max-width:1240px;margin:0 auto;
  padding:14px clamp(16px,3vw,32px);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  /* [2026-06-10] 모바일에서 한 줄에 안 들어가면 줄바꿈(가로 오버플로/짜부 방지) */
  flex-wrap:wrap;row-gap:8px;
}

/* [2026-06-02] 2번째 줄 글로벌 작업 메뉴 (랜딩관리/그룹관리/마이페이지)
   비-sticky: 헤더와 함께 스크롤. 빌더 페이지의 sticky nav(_nav.php) 오프셋과 충돌 방지 */
.mydb-gnav{
  background:#0F172A;
  border-bottom:1px solid #1E293B;
}
.mydb-gnav__inner{
  max-width:1240px;margin:0 auto;
  padding:0 clamp(16px,3vw,32px);
  display:flex;align-items:stretch;gap:2px;overflow-x:auto;
  scrollbar-width:none;
}
.mydb-gnav__inner::-webkit-scrollbar{display:none}
/* [2026-06-04] .mydb-scope 접두어로 specificity 상향 — `.mydb-scope a{color:inherit}` 가
   비활성 메뉴를 어둡게 덮어써 안 보이던 버그 수정 (active 만 보이던 현상). */
.mydb-scope .mydb-gnav__item{
  display:inline-flex;align-items:center;white-space:nowrap;
  padding:11px 16px;font-size:13.5px;font-weight:600;
  color:#E2E8F0;text-decoration:none;          /* 네이비 배경에서 또렷이 */
  border-bottom:2px solid transparent;
  transition:color .15s, background .15s, border-color .15s;
}
.mydb-scope .mydb-gnav__item:hover{color:#fff;background:rgba(255,255,255,.08)}
.mydb-scope .mydb-gnav__item.is-active{color:#fff;border-bottom-color:#3B82F6;background:rgba(59,130,246,.20)}
@media (max-width:600px){
  .mydb-gnav__item{padding:10px 12px;font-size:12.5px}
}
.mydb-logo{
  display:flex;align-items:center;gap:8px;
  font-weight:800;font-size:clamp(16px,2.4vw,20px);
  letter-spacing:-.02em;color:var(--mydb-primary);
}
.mydb-logo__dot{
  width:10px;height:10px;border-radius:3px;
  background:var(--mydb-primary);transform:rotate(45deg);
}
.mydb-logo__mute{color:var(--mydb-text-mute);font-weight:600}

/* [2026-06-10] 좁은 화면에서 버튼이 줄바꿈되며 오른쪽 정렬(짜부/잘림 방지) */
.mydb-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;row-gap:6px}
/* [2026-06-05] 고객센터 — 로그아웃 오른쪽 일반 링크 (버튼 아님) */
.mydb-scope .mydb-topbar__cs,.mydb-topbar__cs{margin-left:4px;font-size:13px;font-weight:600;color:#64748B;text-decoration:none;white-space:nowrap}
.mydb-scope .mydb-topbar__cs:hover,.mydb-topbar__cs:hover{color:#2563EB;text-decoration:underline}
/* [2026-06-10] 오늘 통계 빨간 핀 — 모바일에서 글자 세로로 깨지던 문제 수정(한 줄 고정 + 안 줄어듦) */
.mydb-topbar__pill{white-space:nowrap;flex-shrink:0}
/* [2026-06-10] 모바일 헤더 컴팩트 */
@media (max-width:640px){
  .mydb-topbar__inner{padding:10px 14px}
  .mydb-nav{gap:6px;row-gap:6px}
  .mydb-nav .mydb-btn{min-height:38px;padding:0 12px;font-size:13px}
  .mydb-topbar__pill{margin-left:0 !important}
}

/* ===== 버튼 ===== */
/* [2026-05-21 15:00] 버튼 디자인 리프레시 — gradient/shadow/transition 강화 + SVG 아이콘 정렬 */
.mydb-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:42px;min-width:64px;padding:0 20px;
  border-radius:10px;font-weight:600;font-size:14px;letter-spacing:-.01em;
  font-family:inherit;
  -webkit-appearance:none;appearance:none;
  transition:background .2s ease, box-shadow .2s ease, transform .15s ease, border-color .2s ease, color .2s ease;
  white-space:nowrap;
  text-decoration:none;
  cursor:pointer;
  border:1px solid transparent;
  flex-shrink:0;
}
.mydb-btn:focus-visible{outline:3px solid var(--mydb-primary-light);outline-offset:2px}
.mydb-btn .dc-ico{width:16px;height:16px}

/* ghost (보조) — 더 또렷한 카드형 버튼 */
.mydb-scope .mydb-btn--ghost,
.mydb-btn--ghost{
  color:#1E293B;
  background:#fff;
  border:1px solid #CBD5E1;
  box-shadow:0 1px 2px rgba(15,23,42,.06), inset 0 -1px 0 rgba(15,23,42,.03);
  font-weight:600;
}
.mydb-scope .mydb-btn--ghost:hover,
.mydb-btn--ghost:hover{
  background:#F8FAFC;
  border-color:#64748B;
  color:#0F172A;
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(15,23,42,.10), inset 0 -1px 0 rgba(15,23,42,.04);
}
.mydb-scope .mydb-btn--ghost:active,
.mydb-btn--ghost:active{transform:translateY(0);box-shadow:0 1px 2px rgba(15,23,42,.06)}

/* primary (강조) — [2026-06-08] 깔끔한 세로 gradient, 한글 가독성(600), 부드러운 그림자 */
.mydb-scope .mydb-btn--primary{
  background:linear-gradient(180deg, #3B82F6 0%, #2563EB 100%);
  color:#fff !important;
  font-weight:600;
  letter-spacing:.01em;
  border:0;
  box-shadow:0 1px 2px rgba(37,99,235,.20), 0 3px 8px rgba(37,99,235,.22);
}
.mydb-scope .mydb-btn--primary:hover{
  background:linear-gradient(180deg, #2563EB 0%, #1D4ED8 100%);
  box-shadow:0 2px 5px rgba(37,99,235,.24), 0 8px 18px rgba(37,99,235,.32);
  transform:translateY(-1px);
}
.mydb-scope .mydb-btn--primary:active{transform:translateY(0);box-shadow:0 1px 2px rgba(37,99,235,.25)}

/* accent (CTA-warm) — 오렌지 gradient */
.mydb-btn--accent{
  background:linear-gradient(135deg, #FB923C 0%, #F97316 50%, #EA580C 100%);
  color:#fff !important;font-weight:700;border:0;
  box-shadow:0 1px 2px rgba(234,88,12,.18), 0 4px 12px rgba(234,88,12,.30), inset 0 1px 0 rgba(255,255,255,.20);
}
.mydb-btn--accent:hover{
  background:linear-gradient(135deg, #F97316 0%, #EA580C 50%, #C2410C 100%);
  box-shadow:0 2px 4px rgba(234,88,12,.22), 0 10px 22px rgba(234,88,12,.40), inset 0 1px 0 rgba(255,255,255,.22);
  transform:translateY(-1px);
}
.mydb-btn--accent:active{transform:translateY(0)}

.mydb-btn--sm{min-height:36px;padding:0 12px;font-size:13px;border-radius:8px;min-width:48px}
.mydb-btn--lg{min-height:52px;padding:0 24px;font-size:15px;border-radius:12px}

/* [2026-06-05] danger (위험) — ghost 와 짝 맞춘 카드형 빨강 + hover lift */
.mydb-scope .mydb-btn--danger,
.mydb-btn--danger{
  color:#DC2626;background:#fff;border:1px solid #FCA5A5;font-weight:600;
  box-shadow:0 1px 2px rgba(220,38,38,.06), inset 0 -1px 0 rgba(220,38,38,.03);
}
.mydb-scope .mydb-btn--danger:hover,
.mydb-btn--danger:hover{
  background:#FEF2F2;border-color:#EF4444;color:#B91C1C;transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(220,38,38,.15), inset 0 -1px 0 rgba(220,38,38,.05);
}
.mydb-scope .mydb-btn--danger:active,
.mydb-btn--danger:active{transform:translateY(0);box-shadow:0 1px 2px rgba(220,38,38,.06)}
.mydb-btn--xs .dc-ico{width:14px;height:14px}

/* [2026-06-02 23:40] 버튼 디자인 고도화 — 상단 광택(gloss) + 택타일 프레스 + 포커스 링 */
.mydb-btn{position:relative;overflow:hidden}
/* 상단 절반 광택 — 페인트 순서상 배경 위·텍스트 아래 (z-index 불필요) */
.mydb-btn--primary::before,
.mydb-btn--accent::before{
  content:"";position:absolute;left:0;right:0;top:0;height:50%;pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,0));
}
.mydb-scope .mydb-btn:active{transform:translateY(1px) scale(.985)}
/* ghost 버튼 — 살짝 더 또렷한 테두리 + hover 시 파란 틴트 */
.mydb-scope .mydb-btn--ghost:hover{border-color:#93C5FD;color:#1D4ED8}

/* 빌더 저장 액션 바 — 라이브 에디터에서 고급 sticky 푸터 */
.mydb-builder--live .mydb-builder__actions{
  display:flex;gap:10px;justify-content:flex-end;align-items:center;
  padding:14px 16px;margin:14px -16px 0;
  background:linear-gradient(180deg, rgba(255,255,255,.75), #fff 60%);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-top:1px solid var(--mydb-border);
  box-shadow:0 -6px 18px rgba(15,23,42,.06);
  border-radius:0 0 12px 12px;
}
.mydb-builder--live .mydb-builder__actions .mydb-btn--primary{min-height:46px;padding:0 22px;flex:1.4}

/* [2026-06-08] 저장바 sticky — 좌측 메뉴 맨 아래에서 스크롤 내내 노출 */
.mydb-builder--live .mydb-builder__actions.mydb-savebar{
  position:sticky;bottom:0;z-index:30;
  margin:18px -16px 0;
  border-radius:14px 14px 0 0;
  box-shadow:0 -8px 22px rgba(15,23,42,.10);
}
/* 저장바 아래 하단 여백 — 스크롤 최하단에서 버튼 아래 공간 확보 */
.mydb-builder--live .mydb-builder__side{padding-bottom:28px}
@media (max-width:1023px){
  .mydb-builder--live .mydb-builder__actions.mydb-savebar{margin-left:-12px;margin-right:-12px}
}

/* native <button> reset 강제 (form 내부) */
.mydb-scope button.mydb-btn{appearance:none;-webkit-appearance:none;font-family:inherit}

/* 빈 상태 아이콘 */
.mydb-scope .mydb-empty-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:80px;height:80px;border-radius:50%;margin:0 auto 14px;
  background:linear-gradient(135deg,#EEF2FF 0%,#DBEAFE 100%);
  color:#3B82F6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 4px 12px rgba(59,130,246,.15);
}
.mydb-scope .mydb-empty-icon svg{stroke-width:1.5}

/* ===== nav SVG 아이콘 공통 정렬 ===== */
.mydb-scope .mydb-builder-nav__icon{display:inline-flex;align-items:center;justify-content:center}
.mydb-scope .mydb-builder-nav__icon .dc-ico{width:16px;height:16px;stroke-width:1.75}
.mydb-scope .mydb-builder-nav__back{display:inline-flex;align-items:center;justify-content:center}
.mydb-scope .mydb-builder-nav__back .dc-ico{width:16px;height:16px}
.mydb-scope .mydb-builder-nav__url .dc-ico{width:12px;height:12px;margin-left:2px;opacity:.7}
.mydb-scope .mydb-builder-nav__tab.is-active .dc-ico{stroke-width:2}
@media (max-width:600px){
  .mydb-scope .mydb-builder-nav__icon .dc-ico{width:20px;height:20px}
}

@media (max-width:480px){
  .mydb-nav .mydb-btn{padding:0 10px;font-size:13px;min-height:40px}
}

/* ===== Hero (비로그인) ===== */
.mydb-hero{
  padding:clamp(48px,8vw,96px) clamp(16px,3vw,32px) clamp(64px,9vw,120px);
  max-width:1240px;margin:0 auto;
}
.mydb-hero__eyebrow{
  display:inline-block;
  padding:6px 12px;border-radius:999px;
  background:#EEF2FF;color:var(--mydb-primary);
  font-size:12px;font-weight:700;letter-spacing:.04em;
  margin-bottom:16px;
}
.mydb-hero__title{
  font-size:clamp(28px,5.5vw,56px);
  font-weight:800;letter-spacing:-.025em;line-height:1.15;
  margin:0 0 20px;
}
.mydb-hero__title em{color:var(--mydb-primary);font-style:normal}
.mydb-hero__lead{
  font-size:clamp(15px,2vw,18px);color:var(--mydb-text-mute);
  max-width:560px;margin:0 0 32px;line-height:1.7;
}
.mydb-hero__cta{display:flex;flex-wrap:wrap;gap:10px}
.mydb-hero__cta .mydb-btn{min-height:48px;padding:0 22px;font-size:15px}

.mydb-features{
  max-width:1240px;margin:0 auto;
  padding:clamp(32px,5vw,64px) clamp(16px,3vw,32px);
  display:grid;gap:16px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.mydb-feature{
  padding:24px;border:1px solid var(--mydb-border);border-radius:var(--mydb-radius);
  background:var(--mydb-bg-soft);
}
.mydb-feature__no{font-size:13px;font-weight:800;color:var(--mydb-primary);letter-spacing:.08em}
.mydb-feature__title{font-size:18px;font-weight:700;margin:6px 0 8px;letter-spacing:-.01em}
.mydb-feature__desc{font-size:14px;color:var(--mydb-text-mute);line-height:1.6;margin:0}

/* ===== 로그인 상태 본문 ===== */
.mydb-dash{
  max-width:1240px;margin:0 auto;
  padding:clamp(32px,5vw,64px) clamp(16px,3vw,32px);
}
/* [2026-06-10] 인사 헤더 카드 — 여백 + 소프트 그라데이션(디자인 개선) */
.mydb-dash__header{
  margin:0 0 30px;
  padding:clamp(20px,3vw,30px) clamp(20px,3vw,32px);
  border-radius:18px;
  background:linear-gradient(135deg,#EAF1FF 0%,#F6F9FF 55%,#FFFFFF 100%);
  border:1px solid #E2E8F8;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.mydb-dash__greet{
  font-size:clamp(24px,3.4vw,34px);font-weight:800;
  margin:0 0 8px;letter-spacing:-.025em;color:var(--mydb-text,#0F172A);
}
.mydb-dash__sub{color:var(--mydb-text-mute);font-size:clamp(14px,1.3vw,16px);margin:0;line-height:1.65}
.mydb-dash__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}
.mydb-dash__actions .mydb-btn{min-height:48px;padding:0 20px;font-size:15px}

.mydb-empty{
  border:2px dashed var(--mydb-border);border-radius:var(--mydb-radius);
  padding:clamp(40px,6vw,72px) 24px;text-align:center;
  background:var(--mydb-bg-soft);
}
.mydb-empty__icon{font-size:48px;margin-bottom:12px}
.mydb-empty__title{font-size:18px;font-weight:700;margin:0 0 6px}
.mydb-empty__desc{color:var(--mydb-text-mute);font-size:14px;margin:0 0 20px}

/* ===== Footer ===== */
.mydb-foot{
  border-top:1px solid var(--mydb-border);
  padding:clamp(24px,4vw,40px) clamp(16px,3vw,32px);
  text-align:center;color:var(--mydb-text-mute);font-size:13px;
}

/* [2026-05-20 15:05] ===== 대시보드 KPI / 2열 패널 ===== */
.mydb-scope .mydb-kpi-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0 28px;
}
.mydb-scope .mydb-kpi{
  display:block;text-decoration:none;color:inherit;
  background:#fff;border:1px solid var(--mydb-border);border-radius:12px;padding:14px 16px;
  transition:border-color .15s ease, transform .15s ease;
}
.mydb-scope a.mydb-kpi:hover{border-color:var(--mydb-primary);transform:translateY(-1px)}
.mydb-scope .mydb-kpi__label{font-size:12px;color:var(--mydb-text-mute);font-weight:600;letter-spacing:.02em}
.mydb-scope .mydb-kpi__value{font-size:clamp(22px,3.5vw,30px);font-weight:800;letter-spacing:-.02em;color:var(--mydb-primary);margin:4px 0 2px}
.mydb-scope .mydb-kpi__sub{font-size:11px;color:var(--mydb-text-mute)}

.mydb-scope .mydb-dash__cols{display:grid;grid-template-columns:1fr;gap:24px;margin-top:8px}
@media (min-width:900px){
  .mydb-scope .mydb-dash__cols{grid-template-columns:1fr 1fr;gap:28px}
}
.mydb-scope .mydb-dash__h2{font-size:16px;margin:0 0 12px;font-weight:700}

/* ===== [2026-06-04] 임베드 모드 — 좌측 사이드바 안 편집기 chrome 정리 (2중 메뉴 제거) ===== */
.mydb-embedded{background:#fff}
.mydb-embedded .mydb-builder__head{display:none}          /* 중복 H1 헤더 제거 (아코디언 제목이 대체) */
.mydb-embedded .mydb-builder{padding:6px 10px 12px;max-width:none}
.mydb-embedded .mydb-builder__panel{margin-top:10px}
.mydb-embedded .mydb-builder__panel:first-of-type{margin-top:0}
.mydb-embedded .mydb-builder__actions{margin-top:12px}

/* ===== [2026-06-05] 체크박스 공통 — 파란 accent (인라인 체크박스 포함, 전역) ===== */
.mydb-scope input[type=checkbox],
.mydb-scope input[type=radio]{accent-color:#2563EB}

/* ===== [2026-06-05] 토글 스위치 (on/off 설정용 재사용 컴포넌트) ===== */
.mydb-scope .mydb-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;
  font-size:14px;font-weight:600;color:#0F172A;user-select:none}
.mydb-scope .mydb-switch input{position:absolute;opacity:0;width:0;height:0}
.mydb-scope .mydb-switch__track{position:relative;flex:0 0 auto;width:44px;height:24px;
  background:#CBD5E1;border-radius:999px;transition:background .2s}
.mydb-scope .mydb-switch__track::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;
  background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(15,23,42,.3);transition:transform .2s}
.mydb-scope .mydb-switch input:checked + .mydb-switch__track{background:#2563EB}
.mydb-scope .mydb-switch input:checked + .mydb-switch__track::after{transform:translateX(20px)}
.mydb-scope .mydb-switch input:focus-visible + .mydb-switch__track{box-shadow:0 0 0 3px rgba(37,99,235,.25)}
.mydb-scope .mydb-switch__off{color:#94A3B8;font-weight:500;font-size:12px}
.mydb-scope .mydb-switch input:checked ~ .mydb-switch__off{display:none}

/* ===== [2026-06-10] 도움말 ? 툴팁 (dc_help 헬퍼) — 호버/포커스 즉시 표시 ===== */
.dc-help{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 2px 0 5px;border-radius:50%;background:#CBD5E1;color:#fff;font-size:11px;font-weight:800;line-height:1;cursor:help;vertical-align:middle;flex:none;transition:background .15s;-webkit-user-select:none;user-select:none}
.dc-help:hover,.dc-help:focus-visible{background:var(--mydb-primary,#2563EB);outline:none}
.dc-help__tip{position:absolute;z-index:130;min-width:150px;max-width:260px;background:#0F172A;color:#fff;font-size:12px;font-weight:500;line-height:1.55;letter-spacing:-.01em;text-align:left;padding:9px 12px;border-radius:9px;box-shadow:0 12px 30px -8px rgba(15,23,42,.5);opacity:0;visibility:hidden;transition:opacity .14s ease, transform .14s ease;white-space:normal;word-break:keep-all;pointer-events:none}
.dc-help__tip::after{content:"";position:absolute;border:6px solid transparent}
/* 위(기본) */
.dc-help--top .dc-help__tip{bottom:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(4px)}
.dc-help--top .dc-help__tip::after{top:100%;left:50%;margin-left:-6px;border-top-color:#0F172A}
/* 왼쪽(우측 끝 항목용) */
.dc-help--left .dc-help__tip{right:calc(100% + 9px);top:50%;transform:translateY(-50%) translateX(4px)}
.dc-help--left .dc-help__tip::after{left:100%;top:50%;margin-top:-6px;border-left-color:#0F172A}
/* 오른쪽 */
.dc-help--right .dc-help__tip{left:calc(100% + 9px);top:50%;transform:translateY(-50%) translateX(-4px)}
.dc-help--right .dc-help__tip::after{right:100%;top:50%;margin-top:-6px;border-right-color:#0F172A}
.dc-help:hover .dc-help__tip,.dc-help:focus-visible .dc-help__tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dc-help--left:hover .dc-help__tip,.dc-help--left:focus-visible .dc-help__tip{transform:translateY(-50%) translateX(0)}
.dc-help--right:hover .dc-help__tip,.dc-help--right:focus-visible .dc-help__tip{transform:translateY(-50%) translateX(0)}
@media (max-width:640px){.dc-help__tip{max-width:200px}}

/* ===== 모션 감소 ===== */
@media (prefers-reduced-motion:reduce){
  .mydb-scope *{animation:none!important;transition:none!important}
}