/* css/privacy.css — Privacy Policy page styles */

.policy-page {
  padding-top: var(--header-height); /* clear fixed header */
  padding-bottom: var(--sp-24);
  min-height: 80vh;
}

.policy-header {
  padding: var(--sp-16) 0 var(--sp-12);
  border-bottom: 1px solid var(--clr-border);
  margin-bottom: var(--sp-12);
}

.policy-header h1 {
  font-size: clamp(var(--sz-4xl), 5vw, var(--sz-6xl));
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin-bottom: var(--sp-3);
}

.policy-meta {
  font-size: var(--sz-sm);
  color: var(--clr-muted);
}

/* Policy body prose */
.policy-body {
  max-width: 720px;
}

.policy-body section {
  margin-bottom: var(--sp-10);
}

.policy-body h2 {
  font-size: var(--sz-xl);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: var(--sp-4);
  color: var(--clr-dark);
}

.policy-body h3 {
  font-size: var(--sz-base);
  font-weight: 700;
  margin-top: var(--sp-5);
  margin-bottom: var(--sp-2);
  color: var(--clr-dark);
}

.policy-body p {
  font-size: var(--sz-base);
  color: var(--clr-muted);
  line-height: 1.8;
  margin-bottom: var(--sp-4);
}

.policy-body p:last-child {
  margin-bottom: 0;
}

.policy-body ul {
  list-style: disc;
  padding-left: var(--sp-6);
  margin-bottom: var(--sp-4);
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

.policy-body ul li {
  font-size: var(--sz-base);
  color: var(--clr-muted);
  line-height: 1.7;
}

.policy-body strong {
  color: var(--clr-dark);
  font-weight: 600;
}

.policy-body a {
  color: var(--clr-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--dur) var(--ease);
}

.policy-body a:hover {
  color: var(--clr-accent-hov);
}

.policy-body code {
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.85em;
  background-color: var(--clr-bg);
  border: 1px solid var(--clr-border);
  border-radius: var(--r-sm);
  padding: 2px 6px;
  color: var(--clr-dark);
}

.policy-back {
  margin-top: var(--sp-12);
  padding-top: var(--sp-8);
  border-top: 1px solid var(--clr-border);
}

/* Prevent the prose link style from bleeding into buttons */
.policy-body .btn {
  color: var(--clr-white);
  text-decoration: none;
}

.policy-body .btn:hover {
  color: var(--clr-white);
}