/* ============================================================
   LEGAL PAGES — new-tone reskin
   Applies to /terms-of-services, /cookies, /data-processing-agreement
   Opt-in via <body class="fa-page"> + this stylesheet (loaded AFTER
   agreement.css so it wins). Reuses feature-article-redesign.css vars
   (--fa-blue/--fa-teal/--fa-grad-primary). Keeps all existing markup
   (.section_bg / .card / .section-title / .agrement-heading / .content).
   Mulish headings + Instrument Sans body. Uses .fa-page scoping +
   !important to beat agreement.css and page-level inline <style> blocks
   (terms' trailing style forces .agrement-heading{display:inline}).
   ============================================================ */

.fa-page section.section_bg,
.fa-page .section_bg {
  background:
    radial-gradient(760px 400px at 50% 0%, #DCEFFB 0%, rgba(220,239,251,0) 68%),
    linear-gradient(180deg, #F5F9FF 0%, #FFFFFF 46%) !important;
  padding: 56px 0 76px !important;
}

/* document panel */
.fa-page .section_bg .card {
  max-width: 900px; margin: 0 auto !important;
  background: #fff !important; border: 1px solid #E9EDF3 !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 48px rgba(3,2,176,.07), 0 4px 14px rgba(16,24,40,.05) !important;
}
.fa-page .section_bg .card-body { padding: clamp(24px, 4vw, 46px) !important; }

/* title / header */
.fa-page .section-header { text-align: center; margin-bottom: 26px; }
.fa-page .section-title {
  font-family: 'Mulish','Segoe UI',sans-serif !important; font-weight: 800 !important;
  letter-spacing: -.02em; color: #212738 !important; font-size: 38px !important;
  line-height: 1.15 !important; display: block !important; margin: 0 auto 14px !important;
}
.fa-page .section-divider,
.fa-page .section-header .section-divider {
  display: block !important; width: 64px; height: 3px; margin: 0 auto !important;
  background: var(--fa-grad-primary, linear-gradient(95deg,#0302B0,#01A9E0)) !important; border: 0 !important;
}

/* section headings within the document */
.fa-page .agrement-heading {
  display: block !important; font-family: 'Mulish','Segoe UI',sans-serif !important;
  font-weight: 700 !important; color: #212738 !important; font-size: 22px !important;
  letter-spacing: -.01em; margin: 32px 0 12px !important; padding-top: 22px !important;
  border-top: 1px solid #eef1f6 !important; word-wrap: break-word;
}
/* cookies-style sub-headings (h3.bold) */
.fa-page .card-body h3.bold {
  font-family: 'Mulish','Segoe UI',sans-serif !important; font-weight: 700 !important;
  color: #212738 !important; font-size: 20px !important; margin: 26px 0 8px !important; display: block !important;
}

/* body prose */
.fa-page .card-body,
.fa-page .content { font-family: 'Instrument Sans','Segoe UI',sans-serif; color: #454455; }
.fa-page .card-body p,
.fa-page .content p {
  font-family: 'Instrument Sans','Segoe UI',sans-serif !important; font-size: 16.5px !important;
  line-height: 1.75 !important; color: #454455 !important; text-align: left !important; margin: 0 0 14px !important;
}
.fa-page .content ul, .fa-page .card-body ul { margin: 8px 0 16px !important; padding-left: 22px !important; }
.fa-page .content li, .fa-page .card-body li { font-size: 16.5px !important; line-height: 1.7 !important; color: #454455 !important; margin-bottom: 7px !important; text-align: left !important; }
.fa-page .bold, .fa-page span.bold, .fa-page .content .bold { font-family: 'Mulish','Segoe UI',sans-serif !important; font-weight: 700 !important; color: #212738 !important; }
.fa-page .content a, .fa-page .card-body a { color: var(--fa-blue, #0302B0) !important; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(3,2,176,.28); }
.fa-page .content a:hover, .fa-page .card-body a:hover { color: var(--fa-teal, #01A9E0) !important; border-color: #01A9E0; }

/* tables */
.fa-page .table-responsive { overflow-x: auto; border-radius: 14px; border: 1px solid #E5E7EB; box-shadow: 0 6px 20px rgba(16,24,40,.07); margin: 16px 0; }
.fa-page .card-body table, .fa-page .content table { width: 100%; border-collapse: collapse !important; margin: 0 !important; min-width: 520px; }
.fa-page .card-body table thead th, .fa-page .content table thead th {
  background: var(--fa-grad-primary, linear-gradient(95deg,#0302B0,#01A9E0)) !important; color: #fff !important;
  font-family: 'Mulish',sans-serif !important; font-weight: 700 !important; text-align: left; padding: 14px 18px !important; border: 0 !important;
}
.fa-page .card-body table td, .fa-page .content table td { padding: 13px 18px !important; border-top: 1px solid #eef1f6 !important; font-size: 15.5px !important; }

@media (max-width: 768px) {
  .fa-page .section-title { font-size: 29px !important; }
  .fa-page .agrement-heading { font-size: 20px !important; }
  .fa-page .card-body h3.bold { font-size: 18px !important; }
}
