/* [2026-05-19] dc_legal.css — 약관·개인정보 정적 페이지 레이아웃 */

.mydb-legal{
  max-width:840px;margin:0 auto;
  padding:clamp(24px,5vw,48px) clamp(16px,3vw,32px);
  color:var(--mydb-text);font-size:15px;line-height:1.75;
}
.mydb-legal h1{
  font-size:clamp(22px,3.5vw,30px);font-weight:800;margin:0 0 8px;letter-spacing:-.02em;
}
.mydb-legal h2{
  font-size:clamp(17px,2.5vw,20px);font-weight:700;margin:32px 0 10px;
  padding-top:14px;border-top:1px solid var(--mydb-border);
}
.mydb-legal h3{
  font-size:15px;font-weight:700;margin:20px 0 6px;color:var(--mydb-primary);
}
.mydb-legal p{margin:0 0 10px}
.mydb-legal ol,.mydb-legal ul{margin:6px 0 14px 20px;padding:0}
.mydb-legal ol li,.mydb-legal ul li{margin:4px 0;list-style:revert}
.mydb-legal__meta{
  color:var(--mydb-text-mute);font-size:13px;margin-bottom:20px;
  padding-bottom:14px;border-bottom:1px solid var(--mydb-border);
}
.mydb-legal__toc{
  background:var(--mydb-bg-soft);border:1px solid var(--mydb-border);
  border-radius:10px;padding:14px 20px;margin-bottom:24px;font-size:14px;
}
.mydb-legal__toc a{color:var(--mydb-primary);font-weight:600}
.mydb-legal__toc a:hover{text-decoration:underline}