.legal-page .legal-main {
  padding: 120px 24px 80px;
  background: #f5f7fb;
}

.legal-page .legal-document {
  box-sizing: border-box;
  max-width: 920px;
  margin: 0 auto;
  padding: clamp(24px, 5vw, 64px);
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  box-shadow: 0 12px 40px rgb(15 23 42 / 4%);
}

.legal-page .clide-policy {
  max-width: 72ch;
  margin: 0 auto;
  color: #334155;
  font-size: 16px;
  line-height: 1.85;
  overflow-wrap: anywhere;
}

.legal-page .clide-policy h1 {
  margin: 20px 0 32px;
  color: #0f172a;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.2;
  letter-spacing: -.025em;
}

.legal-page .clide-policy h2,
.legal-page .clide-policy h3 {
  margin: 36px 0 14px;
  color: #172033;
  line-height: 1.4;
}

.legal-page .clide-policy p { margin: 0 0 18px; }
.legal-page .clide-policy ul,
.legal-page .clide-policy ol { padding-left: 24px; margin: 16px 0 24px; }
.legal-page .clide-policy li { margin-bottom: 8px; }
.legal-page .clide-policy a { color: #2563eb; text-underline-offset: 3px; }
.legal-page .clide-policy .clide-policy-meta { color: #64748b; font-size: 13px; }
.legal-page .clide-policy blockquote {
  margin: 24px 0;
  padding: 18px 24px;
  border-left: 3px solid #385de5;
  background: #f5f7ff;
}
.legal-page .clide-policy-contact { border-top: 1px solid #e2e8f0; margin-top: 40px; }

@media (max-width: 600px) {
  .legal-page .legal-main { padding: 88px 12px 40px; }
  .legal-page .legal-document { padding: 28px 20px; border-radius: 12px; }
  .legal-page .clide-policy { font-size: 15px; }
}