/* Typography for the two legal pages (/privacy-policy, /terms-and-conditions).
   These pages have no Duda original to port — they are built from the standard
   Growyo templates — so this is the one place in the project with hand-written
   content styling. It is scoped to .legal-page so it cannot leak into any
   ported page, and it borrows the site's own theme variables and Poppins stack
   rather than introducing a second type system. */
#dm .legal-page {
  max-width: 860px;
  margin: 0 auto;
  padding: 40px 30px 60px;
  font-family: Poppins, "Poppins Fallback", sans-serif;
  color: var(--color_1);
  line-height: 1.7;
}
#dm .legal-page h1 {
  font-family: Montserrat, sans-serif;
  color: var(--color_3);
  font-size: 34px;
  line-height: 1.25;
  margin: 0 0 8px;
}
#dm .legal-page h2 {
  font-family: Montserrat, sans-serif;
  color: var(--color_3);
  font-size: 21px;
  line-height: 1.3;
  margin: 32px 0 10px;
}
#dm .legal-page .legal-effective {
  font-weight: 700;
  margin: 0 0 24px;
}
#dm .legal-page p { margin: 0 0 14px; }
#dm .legal-page ul { margin: 0 0 14px; padding-left: 22px; list-style: disc; }
#dm .legal-page li { margin: 0 0 6px; }
#dm .legal-page a { color: var(--color_3); font-weight: 700; text-decoration: underline; }
#dm .legal-page .legal-contact { margin-top: 8px; }
#dm .legal-page .legal-contact div { margin-bottom: 4px; }

@media (max-width: 767px) {
  #dm .legal-page { padding: 24px 20px 44px; }
  #dm .legal-page h1 { font-size: 26px; }
  #dm .legal-page h2 { font-size: 19px; }
}