/* ---------------------------------------------------------------------------
   Rectify legal pages - Privacy Policy, Terms, and similar.
   Scoped under .rp-legal so it cannot affect any other page. Wrap the page
   content in <div class="rp-legal"> ... </div> to use it.

   Why the class is doubled (.rp-legal.rp-legal):
   Divi's style.css contains
       #left-area ul, .comment-content ul, .entry-content ul, .et-l--body ul
       { list-style-type: disc; padding: 0 0 23px 1em; line-height: 26px }
   `.entry-content ul` has the same specificity as `.rp-legal ul` and Divi's
   sheet loads later, so it won and every list showed a black disc AND our
   blue dot. Repeating the class raises specificity without depending on any
   ancestor wrapper, which the Divi Theme Builder does not guarantee.

   Do not move these rules into the page content: WordPress runs wpautop over
   post content and injects <p> tags into a <style> block, breaking the CSS.
--------------------------------------------------------------------------- */

.rp-legal.rp-legal{
  --rp-ink:#16213A;
  --rp-ink-2:#4A5570;
  --rp-blue:#0085BC;
  --rp-navy:#0B2B44;
  --rp-line:#E4E1DA;
  --rp-sand:#F7F5F1;
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--rp-ink);
  font-size:17px;
  line-height:1.75;
  max-width:780px;
  margin:0 auto;
  padding:4px 0 56px;
  text-align:left;
  -webkit-font-smoothing:antialiased;
}
.rp-legal.rp-legal *{box-sizing:border-box}
.rp-legal.rp-legal p{margin:0 0 1.15em;color:var(--rp-ink-2);max-width:none;font-size:inherit;line-height:inherit}
.rp-legal.rp-legal strong{color:var(--rp-ink);font-weight:600}
.rp-legal.rp-legal em{font-style:italic}
.rp-legal.rp-legal a{color:var(--rp-blue);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.rp-legal.rp-legal a:hover{color:var(--rp-navy)}

/* opening paragraph + last-updated pill */
.rp-legal.rp-legal .rp-lede{font-size:19px;line-height:1.65;color:var(--rp-ink);margin:0 0 16px}
.rp-legal.rp-legal .rp-meta{
  display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:#6A7488;background:var(--rp-sand);border:1px solid var(--rp-line);
  border-radius:999px;padding:6px 14px;margin:0 0 40px;
}

/* headings */
.rp-legal.rp-legal h2{
  font-family:Inter,sans-serif;font-size:25px;font-weight:700;line-height:1.25;letter-spacing:-.015em;
  color:var(--rp-navy);margin:52px 0 16px;padding-top:26px;
  border-top:1px solid var(--rp-line);scroll-margin-top:100px;
}
.rp-legal.rp-legal h3{
  font-family:Inter,sans-serif;font-size:17.5px;font-weight:600;letter-spacing:-.005em;
  color:var(--rp-ink);margin:30px 0 10px;
}

/* lists: one blue dot, no native marker, no Divi indent */
.rp-legal.rp-legal ul{margin:0 0 1.3em;padding:0;list-style:none;list-style-type:none}
.rp-legal.rp-legal ul li{
  position:relative;padding-left:24px;margin-bottom:9px;
  color:var(--rp-ink-2);line-height:1.65;list-style:none;list-style-type:none;
}
.rp-legal.rp-legal ul li::marker{content:none}
.rp-legal.rp-legal ul li::before{
  content:"";position:absolute;left:4px;top:.72em;
  width:6px;height:6px;border-radius:50%;background:var(--rp-blue);
}

/* "On this page" contents box */
.rp-legal.rp-legal .rp-toc{background:var(--rp-sand);border:1px solid var(--rp-line);border-radius:14px;padding:24px 28px;margin:0 0 44px}
.rp-legal.rp-legal .rp-toc h2{
  all:unset;display:block;font-family:Inter,sans-serif;font-size:12px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:#6A7488;margin:0 0 14px;
}
.rp-legal.rp-legal .rp-toc ol{margin:0;padding:0;list-style:none;list-style-type:none;columns:2;column-gap:32px}
.rp-legal.rp-legal .rp-toc li{padding-left:0;margin-bottom:8px;break-inside:avoid;position:static;list-style:none}
.rp-legal.rp-legal .rp-toc li::marker{content:none}
.rp-legal.rp-legal .rp-toc li::before{display:none;content:none}
.rp-legal.rp-legal .rp-toc a{color:var(--rp-navy);text-decoration:none;font-size:15.5px;font-weight:500}
.rp-legal.rp-legal .rp-toc a:hover{color:var(--rp-blue);text-decoration:underline}

/* highlighted reassurance box */
.rp-legal.rp-legal .rp-note{
  background:#E9F5FB;border:1px solid #B6DDEF;border-left:4px solid var(--rp-blue);
  border-radius:10px;padding:18px 22px;margin:0 0 1.35em;
}
.rp-legal.rp-legal .rp-note p{margin:0;color:var(--rp-ink)}

@media (max-width:782px){
  .rp-legal.rp-legal{font-size:16.5px;padding-bottom:40px}
  .rp-legal.rp-legal h2{font-size:22px;margin-top:42px;padding-top:22px}
  .rp-legal.rp-legal h3{font-size:17px}
  .rp-legal.rp-legal .rp-lede{font-size:18px}
  .rp-legal.rp-legal .rp-toc{padding:20px 22px}
  .rp-legal.rp-legal .rp-toc ol{columns:1}
}