/* ==========================================================================
   DIA BONITO · privacy.css
   Privacy Policy: a plain utility page. Solid ink header (no photo hero),
   then one readable column. Type follows the FAQ notes pattern
   (.isl-note-title for headings, body sans for reading).
   ========================================================================== */

.pp-head {
  padding: calc(var(--header-h) + clamp(48px, 8vw, 96px)) var(--gutter) clamp(52px, 8vw, 88px);
  text-align: center;
  border-bottom: 1px solid var(--line-soft);
}

.pp-title {
  font-family: var(--serif);
  font-weight: 330;
  font-size: clamp(40px, 7vw, 72px);
  line-height: 1.05;
  letter-spacing: -0.015em;
  color: var(--bone);
}

.pp-lede {
  font-family: var(--serif);
  font-weight: 380;
  font-size: clamp(17px, 2vw, 19px);
  line-height: 1.7;
  color: var(--bone-2);
  max-width: 560px;
  margin: 0 auto;
}

.pp-effective {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--lagoon);
  margin-top: 30px;
}

.pp-body {
  max-width: calc(660px + 2 * var(--gutter));
  margin: 0 auto;
  padding: clamp(56px, 9vw, 96px) var(--gutter) clamp(88px, 12vw, 140px);
}

.pp-intro { margin-bottom: 40px; }

.pp-toc {
  border-top: 1px solid var(--line);
  padding-top: 28px;
}

.pp-toc-label,
.pp-section h3 {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--lagoon);
}

.pp-toc-label { margin-bottom: 14px; }

.pp-toc ol {
  list-style: none;
  columns: 2 220px;
  column-gap: 40px;
}

.pp-toc li { break-inside: avoid; margin-bottom: 6px; }

.pp-section {
  border-top: 1px solid var(--line);
  margin-top: clamp(52px, 7vw, 72px);
  padding-top: 36px;
  scroll-margin-top: calc(var(--header-h) + 24px);
}

.pp-section h2 { margin-bottom: 24px; }

.pp-section h3 { margin: 32px 0 12px; }

.pp-body p,
.pp-body li { overflow-wrap: break-word; }

.pp-body p + p { margin-top: 16px; }

.pp-section ul {
  padding-left: 1.2em;
  margin: 14px 0 18px;
}

.pp-section li { margin-bottom: 10px; padding-left: 4px; }
.pp-section li::marker { color: var(--lagoon-dim); }

.pp-body strong { font-weight: 500; color: var(--bone); }

.pp-body a {
  color: var(--bone);
  text-decoration: underline;
  text-decoration-color: var(--lagoon-dim);
  text-underline-offset: 3px;
}

.pp-body a:hover { color: var(--lagoon); }

.pp-toc a { text-decoration: none; color: var(--bone-2); }

.pp-address {
  font-style: normal;
  margin-top: 20px;
  padding-left: 18px;
  border-left: 1px solid var(--lagoon-dim);
}