/* ==========================================================================
   Privacy policy page (privacy.html)
   Page-specific styles only. Use .privacy-* class names; shared components
   live in css/style.css and must not be redefined here.
   ========================================================================== */

/* --- Hero ------------------------------------------------------------- */

.privacy-hero {
  min-height: 0;
}

/* --- Policy text ------------------------------------------------------ */

.privacy-body {
  max-width: 720px;
}

.privacy-intro {
  color: var(--fg);
  font-size: var(--fs-lead);
  line-height: 1.5;
}

.privacy-body h2 {
  margin: 56px 0 16px;
  font-size: var(--fs-h-sm);
  line-height: 1.1;
}

.privacy-body p + p,
.privacy-body p + ul,
.privacy-body ul + p {
  margin-top: 12px;
}

.privacy-body li {
  position: relative;
  padding-left: 22px;
}

.privacy-body li + li {
  margin-top: 10px;
}

.privacy-body li::before {
  content: '';
  position: absolute;
  top: 0.62em;
  left: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--violet);
}

.privacy-body a {
  color: var(--fg);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.privacy-body a:hover {
  color: var(--violet);
}