/* ===================== Privacy policy — additions on top of accessibility.css =====================
   Inherits all .ax__* classes; adds long-form-only widgets: TOC, callout, sub-section, 3rd-party tiles.
   Wrap with .pp on the section so any overrides are scoped. */

.pp__card{padding:54px 56px;}

/* ----- TOC ----- */
.pp__toc{background:linear-gradient(135deg, rgba(26,109,241,.06) 0%, rgba(26,109,241,.02) 100%);
  border:1px solid rgba(26,109,241,.18);border-radius:14px;
  padding:24px 28px;margin:0 0 36px;}
.pp__toc-title{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--c-dark-blue);
  margin:0 0 14px;letter-spacing:-0.2px;display:flex;align-items:center;gap:10px;}
.pp__toc-title::before{content:"";display:inline-block;width:6px;height:22px;border-radius:3px;
  background:linear-gradient(180deg, var(--c-gold-1), var(--c-gold-2));}
.pp__toc-list{margin:0;padding:0;list-style:none;
  display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;counter-reset:tocnum;}
.pp__toc-list li{counter-increment:tocnum;padding:4px 0;}
.pp__toc-list a{font-family:var(--font-body);font-weight:600;font-size:15px;color:var(--c-text-navy);
  text-decoration:none;display:inline-flex;align-items:center;gap:8px;
  transition:color .15s ease;}
.pp__toc-list a::before{content:counter(tocnum,decimal) ".";color:var(--c-gold-2);font-weight:700;
  font-size:13px;min-width:22px;text-align:start;}
.pp__toc-list a:hover{color:var(--c-blue);}

/* ----- Callout (highlight block — "important to know", etc.) ----- */
.pp__callout{background:var(--c-gold-soft);border-inline-start:4px solid var(--c-gold-light);
  border-radius:10px;padding:16px 20px;margin:14px 0 !important;
  font-family:var(--font-body);font-weight:500;font-size:16px;line-height:1.6;color:var(--c-text-navy);}
.pp__callout strong{color:var(--c-dark-blue);font-weight:700;}

/* ----- Sub-section title (inside a section, for groupings) ----- */
.pp__sub-title{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.2;
  color:var(--c-dark-blue);margin:22px 0 12px;letter-spacing:-0.2px;}

/* ----- 3rd-party service tiles (Google Analytics / Facebook Pixel) ----- */
.pp__cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0;}
.pp__card-tile{background:#fafbfd;border:1px solid rgba(173,191,215,0.5);border-radius:14px;
  padding:22px 24px;display:flex;flex-direction:column;gap:8px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.pp__card-tile:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(16,67,124,.10);border-color:var(--c-gold-light);}
.pp__card-tile h3{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--c-dark-blue);
  margin:0;letter-spacing:-0.2px;}
.pp__card-tile p{font-family:var(--font-body);font-weight:500;font-size:15px;line-height:1.55;
  color:var(--c-text-navy);margin:0 !important;}
.pp__card-tile a{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--c-blue);
  text-decoration:none;align-self:flex-start;margin-top:4px;
  transition:color .15s ease;}
.pp__card-tile a:hover{color:var(--c-dark-blue);text-decoration:underline;}

/* ----- Features grid — tighter on privacy (lots of groups) ----- */
.pp__features{gap:16px;}

/* ----- Smooth scroll for TOC anchors ----- */
html{scroll-behavior:smooth;scroll-padding-top:30px;}

/* ===================== Mobile (≤768px) ===================== */
@media (max-width:768px){
  .pp__card{padding:30px 22px;}
  .pp__toc{padding:18px 20px;margin:0 0 26px;}
  .pp__toc-title{font-size:18px;}
  .pp__toc-list{grid-template-columns:1fr;gap:2px;}
  .pp__toc-list a{font-size:14.5px;}

  .pp__callout{padding:14px 16px;font-size:15px;}
  .pp__sub-title{font-size:19px;margin:18px 0 10px;}

  .pp__cards{grid-template-columns:1fr;gap:12px;}
  .pp__card-tile{padding:18px 20px;}
  .pp__card-tile h3{font-size:19px;}
}