/* Terms and Privacy (/terms/, /privacy/). Page-owned (la-legal-*), layered on the template's .privacy-policy-holder and .rich-text. The template spaced its rich text with empty paragraphs; the carried-over legal text has none, so the spacing lives here. No hover scale or grow effects. */

.la-legal .rich-text { max-width: 820px; margin: 0 auto; }
.la-legal-section { scroll-margin-top: 110px; }
.la-legal-section + .la-legal-section { margin-top: 44px; padding-top: 40px; border-top: 1px solid var(--_color-and-text-hight---color--strock, rgba(0, 0, 0, .1)); }

.la-legal .rich-text h2 { margin: 0 0 18px; }
.la-legal .rich-text h3 { margin: 28px 0 10px; font-size: 18px; line-height: 1.4; color: var(--brand-ink, #232323); }
.la-legal .rich-text h2 + h3 { margin-top: 8px; }
.la-legal .rich-text p { margin: 0 0 14px; font-size: 17px; line-height: 1.7; }
.la-legal .rich-text ul { margin: 0 0 18px; padding-left: 22px; list-style: disc; font-size: 17px; line-height: 1.7; color: rgb(44, 44, 44); }
.la-legal .rich-text li { margin-bottom: 8px; }
.la-legal .rich-text li:last-child { margin-bottom: 0; }
.la-legal .rich-text strong { font-weight: 600; color: var(--brand-ink, #232323); }
.la-legal .rich-text a { color: var(--brand-primary-dark, var(--brand-primary)); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.la-legal .rich-text a:hover { text-decoration-thickness: 2px; }

/* Cookie categories: a term line, then its indented description and vendor list, as on the live page. */
.la-legal .rich-text .la-legal-term { margin: 22px 0 6px; }
.la-legal .rich-text .la-legal-indent { padding-left: 16px; }
.la-legal .rich-text .la-legal-indent-list { padding-left: 38px; }

.la-legal .rich-text .la-legal-jump { margin-top: 20px; padding: 14px 18px; border-radius: 12px; background: rgba(0, 0, 0, .04); font-size: 16px; }

@media (max-width: 767px) {
  .la-legal-section + .la-legal-section { margin-top: 32px; padding-top: 28px; }
  .la-legal .rich-text p, .la-legal .rich-text ul { font-size: 16px; }
  .la-legal .rich-text .la-legal-indent-list { padding-left: 30px; }
}
