/* MP Site Code — snippet #7504409. Edited in wp-admin; do not edit this file. */
/* ============================================================
   LEGAL PAGES  —  combined scoped styles
   Terms of Use (.mp-terms) + Privacy Policy (.mp-privacy)
   Load once via Site Code (site-wide or on both slugs).
   Every rule targets BOTH wrappers, so the two pages stay in sync.
   The <h1> lives inside each page body (.t-title); the theme
   Post Title block is not used, so keep it hidden on both pages.
   Typography (heading + text size and color) inherits from the theme.
   ============================================================ */
/* ---- in-body page title ---------------------------------- */
.mp-terms .t-title, .mp-privacy .t-title {
  margin:0 0 .35rem;
  /* colour + size inherited from theme */
}

/* soft pink wash behind the title + top of page, matching other pages */
main:has(.mp-terms)::before, main:has(.mp-privacy)::before {
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:340px;
  background:
    radial-gradient(680px 300px at 12% -8%, #FDEEF2 0%, rgba(253,238,242,0) 70%),
    radial-gradient(560px 260px at 92% -12%, #F8D5DF 0%, rgba(248,213,223,0) 72%);
  z-index:-1;
  pointer-events:none;
}
main:has(.mp-terms), main:has(.mp-privacy) { position:relative; }

/* ============================================================
   WRAPPER + TOKENS
   ============================================================ */
.mp-terms, .mp-privacy {
  --berry:#8E2C4E;
  --ink:#1f1f1f;
  --muted:#5a5a5a;
  --line:#ecd9df;
  --blush:#fdf4f7;
  --blush-line:#f0d2dc;

  max-width:1120px;
  margin-inline:auto !important;   /* beat theme flow margin */
  margin-block-start:0 !important; /* :where(.is-layout-flow)>* reset */
  padding:40px 20px 40px;   /* top spacing added above the page */
  /* font-size + text colour inherited from theme */
  line-height:1.7;                 /* readability only, not a size override */
}

/* first child never inherits a top margin from the theme */
.mp-terms > *:first-child, .mp-privacy > *:first-child { margin-block-start:0 !important; }

.mp-terms p, .mp-privacy p { margin:0 0 1rem; }
.mp-terms strong, .mp-privacy strong { font-weight:700; }
.mp-terms a, .mp-privacy a { color:var(--berry); text-decoration:underline; text-underline-offset:2px; }
.mp-terms a:hover, .mp-privacy a:hover { text-decoration:none; }

/* ---- last updated line ----------------------------------- */
.mp-terms .t-updated, .mp-privacy .t-updated {
  color:var(--muted);
  font-size:.92rem;
  margin:0 0 1.6rem;
}

/* ============================================================
   SUMMARY BOX
   ============================================================ */
.mp-terms .t-summary, .mp-privacy .t-summary {
  background:var(--blush);
  border:1px solid var(--blush-line);
  border-radius:14px;
  padding:26px 28px 22px;
  margin:0 0 2rem;
}
.mp-terms .t-summary h2, .mp-privacy .t-summary h2 {
  margin:0 0 .6rem;
  /* size + colour from theme heading styles */
}
.mp-terms .t-summary p, .mp-privacy .t-summary p { margin:0 0 .85rem; }

.mp-terms .t-summary-list, .mp-privacy .t-summary-list {
  list-style:none;
  margin:.2rem 0 1.1rem;
  padding:0;
}
.mp-terms .t-summary-list li, .mp-privacy .t-summary-list li {
  position:relative;
  padding:0 0 0 20px;
  margin:0 0 .55rem;
}
.mp-terms .t-summary-list li::before, .mp-privacy .t-summary-list li::before {
  content:"";
  position:absolute;
  left:2px; top:.62em;
  width:7px; height:7px;
  border-radius:50%;
  background:var(--berry);
}

.mp-terms .t-readfirst-label, .mp-privacy .t-readfirst-label {
  margin:.4rem 0 .5rem;
}
.mp-terms .t-readfirst, .mp-privacy .t-readfirst {
  list-style:none;
  margin:0 0 1.1rem;
  padding:14px 16px;
  background:#fff;
  border:1px solid var(--blush-line);
  border-radius:10px;
}
.mp-terms .t-readfirst li, .mp-privacy .t-readfirst li {
  padding:0 0 0 4px;
  margin:0 0 .45rem;
}
.mp-terms .t-readfirst li:last-child, .mp-privacy .t-readfirst li:last-child { margin-bottom:0; }

.mp-terms .t-accept, .mp-privacy .t-accept {
  margin:1rem 0 0;
  padding-top:.9rem;
  border-top:1px solid var(--blush-line);
  font-weight:600;
}

/* ============================================================
   CONTENTS
   ============================================================ */
.mp-terms .t-contents, .mp-privacy .t-contents {
  margin:0 0 2.6rem;
  padding:20px 24px;
  border:1px solid var(--line);
  border-radius:12px;
}
.mp-terms .t-contents h2, .mp-privacy .t-contents h2 {
  margin:0 0 .8rem;
  /* size + colour from theme heading styles */
}
.mp-terms .t-contents ol, .mp-privacy .t-contents ol {
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:toc;
  columns:2;
  column-gap:32px;
}
.mp-terms .t-contents li, .mp-privacy .t-contents li {
  counter-increment:toc;
  break-inside:avoid;
  margin:0 0 .5rem;
  padding-left:2.1em;
  position:relative;
  line-height:1.4;
}
.mp-terms .t-contents li::before, .mp-privacy .t-contents li::before {
  content:counter(toc) ".";
  position:absolute;
  left:0;
  color:var(--berry);
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.mp-terms .t-contents a, .mp-privacy .t-contents a {
  text-decoration:none;
  color:var(--ink);
}
.mp-terms .t-contents a:hover, .mp-privacy .t-contents a:hover { color:var(--berry); text-decoration:underline; }

/* ============================================================
   SECTIONS
   ============================================================ */
.mp-terms .t-sec, .mp-privacy .t-sec {
  scroll-margin-top:90px;         /* fixed-header offset for jump links */
  padding:0 0 1.6rem;
  margin:0 0 1.6rem;
  border-bottom:1px solid var(--line);
}
.mp-terms .t-sec:last-child, .mp-privacy .t-sec:last-child { border-bottom:0; }

.mp-terms .t-sec h2, .mp-privacy .t-sec h2 {
  margin:0 0 1rem;
  scroll-margin-top:90px;
  /* size + colour from theme heading styles */
}

/* clause number pill */
.mp-terms .t-num, .mp-privacy .t-num {
  display:inline;
  font-weight:700;
  color:var(--berry);
  font-variant-numeric:tabular-nums;
  margin-right:.35em;
}

/* in-clause bullet lists */
.mp-terms .t-list, .mp-privacy .t-list {
  margin:.2rem 0 1rem;
  padding-left:0;
  list-style:none;
}
.mp-terms .t-list li, .mp-privacy .t-list li {
  position:relative;
  padding:0 0 0 20px;
  margin:0 0 .5rem;
}
.mp-terms .t-list li::before, .mp-privacy .t-list li::before {
  content:"";
  position:absolute;
  left:3px; top:.62em;
  width:6px; height:6px;
  border-radius:50%;
  background:var(--berry);
}

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width:640px){
.mp-terms, .mp-privacy { padding:28px 18px 32px; }
.mp-terms .t-summary, .mp-privacy .t-summary { padding:22px 20px 18px; }
.mp-terms .t-contents, .mp-privacy .t-contents { padding:18px 18px; }
.mp-terms .t-contents ol, .mp-privacy .t-contents ol { columns:1; }
.mp-terms .t-sec h2, .mp-privacy .t-sec h2 { font-size:1.28rem; }
main:has(.mp-terms)::before, main:has(.mp-privacy)::before { height:240px; }
}

/* ============================================================
   PLACEHOLDER MARKERS  — editing aid only (safe to leave in).
   .mp-edit      = a value to fill in or remove
   .mp-edit-note = a note to self; delete before publishing
   ============================================================ */
.mp-terms .mp-edit, .mp-privacy .mp-edit{
  background:#fff3b0; color:#5a4a00; font-weight:700;
  padding:0 .3em; border-radius:4px;
  box-decoration-break:clone; -webkit-box-decoration-break:clone;
}
.mp-terms .mp-edit-note, .mp-privacy .mp-edit-note{
  display:inline; font-size:.82em; font-style:italic;
  color:#8a6d00; background:#fff8d6; padding:0 .35em;
  border-radius:4px; margin-left:.15em;
}