/* =================================================================
   MOBILE-8 — terms & privacy (legal) page
   Requires: mobile-common.css
   ================================================================= */

@media (max-width: 768px) {

  /* ─── GLOBAL ─────────────────────────────────────────────────  */
  .legal-page       { padding: 60px 0 20px !important; }
  .legal-page .inner{ max-width: 100% !important; padding: 0 16px !important; }

  /* ─── HEADER ─────────────────────────────────────────────────  */
  .legal-header          { margin-bottom: 30px !important; padding-bottom: 12px !important; }
  .legal-header h1       { font-size: 24px !important; line-height: 1.3; }
  .legal-header .subtitle{ font-size: 14px !important; }

  /* ─── SECTION TITLE ──────────────────────────────────────────  */
  .legal-content h2 {
    font-size: 18px !important;
    line-height: 1.35;
    margin: 28px 0 12px !important;
  }

  /* ─── BODY TEXT ──────────────────────────────────────────────  */
  .legal-content p,
  .legal-content li {
    font-size: 14px !important;
    line-height: 1.7;
    margin-bottom: 12px !important;
  }

  /* ─── LIST ───────────────────────────────────────────────────  */
  .legal-content ol          { padding-left: 18px !important; margin-bottom: 16px !important; }
  .legal-content ol li       { margin-bottom: 8px !important; }

  /* ─── CONTENT WIDTH ──────────────────────────────────────────  */
  .legal-content { max-width: 680px; margin: 0 auto; }

  /* ─── SPACING RHYTHM ─────────────────────────────────────────  */
  .legal-content h2 + p { margin-top: 6px; }
  .legal-content p + h2 { margin-top: 28px !important; }

}