/* ============================================================================
   Legal pages — Privacy Policy, Terms and Conditions, Cookie Policy
   Generated content from content-team docx files.
   ========================================================================== */

.page--legal .legal-last-modified {
    font-family: var(--font-primary);   /* Noto Sans */
    font-weight: 400;                   /* Regular */
    font-size: var(--font-size-xl);     /* H3 ~20px per Figma */
    line-height: 1;                     /* 100% per Figma */
    letter-spacing: 0;                  /* 0% per Figma */
    color: #818181;                     /* per Figma */
    margin-top: 0;
    margin-bottom: var(--space-7);
}

.page--legal .legal-body__container {
    max-width: 880px;
    margin-inline: auto;
}

.page--legal .legal-body p {
    color: var(--color-body-strong);
    margin-bottom: var(--space-4);
    line-height: var(--line-height-relaxed);
    font-size: var(--font-size-md);
}

.page--legal .legal-body a {
    color: var(--color-pink);
    word-break: break-word;
}

.page--legal .legal-body a:hover {
    text-decoration: underline;
}

.page--legal .legal-h2 {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-body-strong);
    margin-top: var(--space-8);
    margin-bottom: var(--space-4);
    line-height: var(--line-height-snug);
}

/* First H2 doesn't need the big top margin */
.page--legal .legal-body :where(h2):first-child {
    margin-top: 0;
}