/* =========================================================
   Contexto — privacy.css
   privacy.html only. .privacy-wrap narrows the shared .about-wrap
   from base.css, so this file must load after it (layout.html
   guarantees that: base first, then {% block page_css %}).
   ========================================================= */

.privacy-wrap {
  max-width: 760px;
}

.privacy-wrap .about-section {
  margin-bottom: 2.5rem;
}

.privacy-wrap h2 {
  font-size: 1.5rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid var(--color-border);
}

.privacy-wrap h3 {
  font-size: 1.1rem;
  margin-top: 1.75rem;
  color: var(--color-muted);
}

.privacy-wrap p {
  margin-bottom: 1rem;
}

.privacy-list {
  margin: 0 0 1rem 1.25rem;
  padding: 0;
}

.privacy-list li {
  margin-bottom: 0.6rem;
}

/* Tables scroll rather than forcing the page sideways on narrow screens. */
.privacy-table-wrap {
  overflow-x: auto;
  margin-bottom: 1.5rem;
}

.privacy-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  min-width: 480px;
}

.privacy-table th,
.privacy-table td {
  text-align: left;
  vertical-align: top;
  padding: 0.6rem 0.75rem;
  border-bottom: 1px solid var(--color-border);
}

.privacy-table th {
  color: var(--color-muted);
  font-weight: 700;
  border-bottom: 2px solid var(--color-border);
}