/**
 * DataAssist-IO — Legal pages (Terms / Privacy) dark theme.
 * Rendered by the [dhp_legal] shortcode inside .dhp-legal; the site header +
 * footer come from the theme. Scoped so it can't leak to other pages.
 */

/* ---- kill Blocksy's light content canvas on legal pages ---- */
body.dhp-legal-page{ background:#ffffff; }
body.dhp-legal-page #main,
body.dhp-legal-page .ct-container,
body.dhp-legal-page .ct-container-full,
body.dhp-legal-page .site-main,
body.dhp-legal-page .entry-content,
body.dhp-legal-page .entry-card,
body.dhp-legal-page article.post,
body.dhp-legal-page .page{ background:transparent !important; box-shadow:none !important; }
body.dhp-legal-page .ct-container,
body.dhp-legal-page .ct-container-full{ max-width:none; padding-left:0; padding-right:0; }

.dhp-legal{
  --lg-bg:#ffffff; --lg-card:#ffffff; --lg-line:#e2e1ea; --lg-line-2:#ececf1;
  --lg-ink:#1c1b22; --lg-body:#4b5563; --lg-muted:#6b6a76;
  --lg-blue:#3B82F6; --lg-blue-strong:#2563eb; --lg-blue-soft:rgba(59,130,246,.10);
  --lg-read:760px;
  color:var(--lg-body);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6;
}
.dhp-legal *{ box-sizing:border-box; }

/* ---- hero ---- */
.dhp-legal .lg-hero{ text-align:center; padding:64px 24px 24px; }
.dhp-legal .lg-kicker{ display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:.16em;
  text-transform:uppercase; color:var(--lg-blue); margin:0 0 16px; }
.dhp-legal .lg-hero h1{ font-size:clamp(34px,5vw,52px); font-weight:800; letter-spacing:-.03em; line-height:1.08;
  color:var(--lg-ink) !important; margin:0 0 14px; text-wrap:balance; }
.dhp-legal .lg-updated{ font-size:14px; color:var(--lg-muted); font-style:italic; margin:0; }
.dhp-legal .lg-rule{ max-width:var(--lg-read); margin:34px auto 0; height:1px;
  background:linear-gradient(90deg,transparent,var(--lg-line),transparent); }

/* ---- document ---- */
.dhp-legal .lg-doc{ max-width:var(--lg-read); margin:0 auto; padding:38px 24px 92px; counter-reset:sec; }
.dhp-legal .lg-lede,
.dhp-legal .lg-lede p{ font-size:18px; line-height:1.75; color:var(--lg-body); margin:0 0 12px; }

.dhp-legal .lg-doc h2{
  counter-increment:sec; display:flex; align-items:center; gap:14px;
  font-size:clamp(21px,2.6vw,25px); font-weight:800; letter-spacing:-.02em;
  color:var(--lg-ink) !important; line-height:1.25; margin:2.4em 0 .55em;
  padding-top:1.5em; border-top:1px solid var(--lg-line-2);
}
.dhp-legal .lg-doc h2::before{
  content:counter(sec,decimal-leading-zero); flex:none; align-self:center;
  font-size:12.5px; font-weight:800; letter-spacing:.06em; color:var(--lg-blue); line-height:1;
  background:var(--lg-blue-soft); border:1px solid rgba(59,130,246,.30); border-radius:7px; padding:5px 9px;
}
.dhp-legal .lg-doc h2 .lg-h2-text{ display:block; padding-left:0; }

.dhp-legal .lg-doc p{ font-size:16.5px; line-height:1.78; color:var(--lg-body); margin:0 0 1.25em; }
.dhp-legal .lg-doc p a,
.dhp-legal .lg-lede a{ color:var(--lg-blue); text-decoration:underline; text-underline-offset:3px; }
.dhp-legal .lg-doc p a:hover{ color:#2563eb; }
.dhp-legal .lg-doc strong{ color:var(--lg-ink); font-weight:700; }
.dhp-legal .lg-doc ul{ margin:0 0 1.4em; padding-left:0; list-style:none; }
.dhp-legal .lg-doc li{ position:relative; padding-left:26px; margin:.6em 0; font-size:16.5px; line-height:1.7; color:var(--lg-body); }
.dhp-legal .lg-doc li::before{ content:""; position:absolute; left:4px; top:.72em; width:7px; height:7px;
  border-radius:2px; background:var(--lg-blue); transform:rotate(45deg); }
.dhp-legal .lg-doc li strong{ color:var(--lg-ink); }
.dhp-legal .lg-doc a{ color:var(--lg-blue); }