/* ==========================================================================
   Privacy Policy — page-specific overrides of the legal template
   ========================================================================== */
.legal--privacy .legal-body { padding-bottom: 80px; }

@media (max-width: 767.98px) {
  /* Masthead */
  .legal--privacy .legal-mast__inner { gap: 24px; padding: 32px; }
  .legal--privacy .legal-mast__lead { gap: 24px; }
  .legal--privacy .legal-mast__meta { flex-direction: row; align-items: center; gap: 12px; }
  .legal--privacy .legal-mast__rule { display: block; width: 24px; background: var(--legal-text); }
  .legal--privacy .legal-mast__doc { gap: 6px; padding: 12px 0; box-shadow: inset 0 1px 0 var(--legal-text), inset 0 -1px 0 var(--legal-text); }

  /* Bar: three evenly spread shortcuts */
  .legal--privacy .legal-bar__inner { flex-wrap: nowrap; justify-content: space-between; }
  .legal--privacy .legal-bar__link { font-size: 10px; line-height: 13px; }
  .legal--privacy .legal-bar__link--m-strong { color: var(--legal-text); }

  /* Contents + rail */
  .legal--privacy .legal-toc { padding-bottom: 32px; }
  .legal--privacy .legal-toc__list { display: flex; flex-direction: column; gap: 1px; }
  .legal--privacy .legal-rail { gap: 12px; padding-bottom: 12px; }
  .legal--privacy .legal-rail__card { gap: 12px; padding: 16px; border-radius: 2px; }
  .legal--privacy .legal-rail__card--current { gap: 8px; }
  .legal--privacy .legal-rail__big { font-size: 28px; line-height: 38px; }
  .legal--privacy .legal-rail__link { font-size: 13px; line-height: 17px; }

  /* Article rhythm */
  .legal--privacy .legal-sec { --sec-gap: 24px; padding: 0 0 48px; }
  .legal--privacy .legal-sec:first-child { padding-top: 24px; }
  .legal--privacy .legal-sec__title { font-size: 20px; line-height: 27px; }
  .legal--privacy .legal-p,
  .legal--privacy .legal-list__item { font-size: 14px; line-height: 22px; }
  .legal--privacy .legal-clause { gap: 16px; }
  .legal--privacy .legal-clause__num { flex-basis: 28px; }
  .legal--privacy .legal-clause__text { font-size: 14px; line-height: 20px; }

  /* Sections 05–10 use the larger heading */
  .legal--privacy #disclosure .legal-sec__title,
  .legal--privacy #data-retention .legal-sec__title,
  .legal--privacy #direct-marketing .legal-sec__title,
  .legal--privacy #data-security .legal-sec__title,
  .legal--privacy #access-and-correction .legal-sec__title,
  .legal--privacy #privacy-complaints .legal-sec__title { font-size: 22px; line-height: 30px; }
  .legal--privacy #privacy-complaints::after { content: none; }
  .legal--privacy #disclosure .legal-sec__body { gap: 24px; }

  .legal--privacy .legal-backtop--batch { margin-bottom: 60px; }
  .legal--privacy #privacy-complaints + .legal-backtop--batch { margin-bottom: 80px; }

  /* Sections 11–14: tighter stack */
  .legal--privacy #overseas-disclosure,
  .legal--privacy #childrens-privacy,
  .legal--privacy #changes,
  .legal--privacy #contact { --sec-gap: 16px; padding-bottom: 32px; }
  .legal--privacy #contact { --sec-gap: 20px; }
  .legal--privacy #contact .legal-sec__body { gap: 20px; }

  .legal--privacy .legal-clauses--inline { gap: 12px; }
  .legal--privacy .legal-clauses--inline .legal-clause { display: flex; }
  .legal--privacy .legal-clauses--inline .legal-clause__num { color: var(--c-ink); font: 700 14px/18px var(--f-sans); }
  .legal--privacy .legal-clauses--inline .legal-clause__text { font: 400 14px/20px var(--f-sans); color: var(--legal-text); }

  .legal--privacy #contact .legal-link { padding: 0; }
  .legal--privacy #contact .legal-link__a { font-size: 14px; line-height: 18px; }
}