/* Figma legal pages share the same desktop and mobile typography/layout. */
.legal-main { background: var(--cream-50); padding: 56px 40px 100px; }
.legal-inner { max-width: 1140px; margin-inline: auto; }
.legal-main h1 { font: var(--title-h2); margin: 0 0 24px; }
.legal-content { display: grid; gap: 24px; color: var(--brown-900); }
.legal-content section { display: grid; gap: 16px; }
.legal-content h2 { font: var(--title-h3); color: var(--brown-800); }
.legal-content h3 { font: var(--title-h5); color: var(--brown-800); }
.legal-content p { font-size: 16px; line-height: 24px; }
.legal-content ul { padding-left: 22px; margin: 0; font-size: 14px; line-height: 21px; }
.legal-content strong { font-weight: 600; }
.legal-content a { text-decoration: underline; text-underline-offset: 3px; }
.legal-page .loyalty-section { display: none; }
@media (max-width: 760px) {
  .legal-main { padding: 32px 20px 48px; }
  .legal-main h1 { font: var(--title-h3); }
  .legal-content h2 { font: var(--title-h4); }
  .legal-content h3 { font: var(--title-h6); }
  .legal-content p { font-size: 16px; line-height: 24px; }
  .legal-content ul { font-size: 14px; line-height: 21px; }
  .legal-page .loyalty-section { display: block; }
}