/* ============================================================================
   Terms of Use — page-specific rules.
   The live page is a Duda "custom HTML" block, so the prose keeps the browser's
   default block margins (h2 .83em, h3 1em, p 1em, ul 1em) over Duda's own type
   scale. Every measurement below comes from reference/spec/terms-of-use.desktop.json.
   ========================================================================== */

/* Title row: header bottom y119 -> h1 top y169 (50px), h1 bottom y224. */
.page-terms-of-use .tou-title { padding: 50px 40px 0; }

/* Prose row: h2 top y304 with its own 33.2px margin-top -> 46.8px padding.
   Last <p> bottom y3481 + 16px margin + 15px padding = footer top y3512. */
.page-terms-of-use .tou-body { padding: 46.8px 40px 15px; }

.page-terms-of-use .tou-prose {
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--body-text);
  line-height: normal;
}

.page-terms-of-use .tou-prose h2,
.page-terms-of-use .tou-prose h3 {
  font-family: var(--font-rounded);
  font-weight: 700;
  color: #000;
  line-height: normal;
  text-align: left;
}
.page-terms-of-use .tou-prose h2 { font-size: 40px; margin: 0.83em 0; }
.page-terms-of-use .tou-prose h3 { font-size: 30px; margin: 1em 0; }

.page-terms-of-use .tou-prose p { margin: 16px 0; }

.page-terms-of-use .tou-prose ul {
  margin: 16px 0;
  padding: 0;
  list-style: disc inside;
}
.page-terms-of-use .tou-prose li {
  font-size: 16px;
  color: var(--body-text);
}

/* Duda leaves the generator credit in the site's muted grey, not link blue. */
.page-terms-of-use .tou-prose a { color: var(--muted); }
.page-terms-of-use .tou-prose a:hover,
.page-terms-of-use .tou-prose a:focus-visible { text-decoration: underline; }

/* Mobile mirrors the live page's own scale, taken from
   reference/spec/terms-of-use.mobile.json: 15px gutters, h1 36px, h2 21px,
   h3 unchanged at 30px, body/list 14px with 14px block margins. */
@media (max-width: 767px) {
  .page-terms-of-use .tou-title { padding: 25px 15px 0; }
  .page-terms-of-use .tou-title .h-display { font-size: 36px; text-align: left; }
  .page-terms-of-use .tou-body { padding: 39.6px 15px 30px; }

  .page-terms-of-use .tou-prose { font-size: 14px; }
  .page-terms-of-use .tou-prose h2 { font-size: 21px; }
  .page-terms-of-use .tou-prose h3 { font-size: 30px; }
  .page-terms-of-use .tou-prose p { margin: 14px 0; }
  .page-terms-of-use .tou-prose ul { margin: 14px 0; }
  .page-terms-of-use .tou-prose li { font-size: 14px; }
}