/* ============================================================
   PRIVACY POLICY — Extra CSS
   ============================================================ */

.pp-content {
  max-width: 820px;
  margin: 0 auto;
}

.pp-section {
  margin-bottom: 32px;
}

.pp-section h2 {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--border);
}

.pp-section p {
  color: var(--ink-soft);
  line-height: 1.8;
  margin-bottom: 12px;
}

.pp-section ul {
  padding-left: 20px;
  color: var(--ink-soft);
  line-height: 1.8;
}

.pp-section ul li {
  margin-bottom: 4px;
}

.pp-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: rgba(31, 169, 127, .08);
  border-left: 4px solid var(--mint);
  padding: 12px 16px;
  border-radius: 8px;
  margin-top: 12px;
}

.pp-note i {
  color: var(--mint);
  font-size: 1.2rem;
  margin-top: 2px;
}

.pp-note span {
  color: var(--ink-soft);
  font-size: .88rem;
  line-height: 1.6;
}

@media (max-width: 575px) {
  .pp-section h2 {
    font-size: 1.05rem;
  }

  .pp-section p,
  .pp-section ul {
    font-size: .85rem;
  }

  .pp-note {
    padding: 10px 12px;
  }

  .pp-note span {
    font-size: .8rem;
  }
}