/* Privacy Policy page styles */

.privacy-page {
  padding-block: var(--space-4xl);
}

@media (max-width: 767px) {
  .privacy-page {
    padding-block: var(--space-3xl);
  }
}

/* Hero */
.privacy-hero {
  max-width: 800px;
  margin-inline: auto;
  padding: var(--space-3xl) var(--space-2xl);
  background-color: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  margin-bottom: var(--space-2xl);
}

.privacy-hero__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  max-width: 65ch;
}

.privacy-hero h1 {
  margin-block-end: 0;
}

.privacy-hero__lead {
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--color-text);
}

.privacy-hero__support {
  color: var(--color-text-muted);
}

@media (max-width: 767px) {
  .privacy-hero {
    padding: var(--space-xl) var(--space-lg);
    margin-bottom: var(--space-xl);
  }

  .privacy-hero__inner {
    gap: var(--space-sm);
  }

  .privacy-hero__lead {
    font-size: 1rem;
  }
}

/* Shared section styles */
.privacy-section {
  max-width: 800px;
  margin-inline: auto;
  margin-bottom: var(--space-2xl);
}

.privacy-section__inner {
  background-color: var(--color-surface);
  border: 1px solid var(--color-border-subtle);
  border-left: 3px solid var(--color-accent);
  border-radius: var(--radius-card);
  padding: var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.privacy-section h2 {
  margin-block-start: 0;
  margin-block-end: 0;
}

.privacy-section p {
  margin-block-end: 0;
}

.privacy-note {
  color: var(--color-text-muted);
  font-size: var(--text-small-size);
  line-height: var(--text-small-line-height);
  border-top: 1px solid var(--color-border-subtle);
  padding-top: var(--space-sm);
}

.privacy-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin-block-end: 0;
  padding-inline-start: var(--space-lg);
}

.privacy-list li {
  position: relative;
  padding-inline-start: var(--space-sm);
  line-height: 1.6;
}

.privacy-list li::before {
  content: "◆";
  position: absolute;
  left: -1.25rem;
  color: var(--color-accent);
  font-size: 0.75rem;
  top: 0.3em;
}

.privacy-list--ordered {
  list-style: none;
  counter-reset: privacy-counter;
}

.privacy-list--ordered li {
  counter-increment: privacy-counter;
}

.privacy-list--ordered li::before {
  content: counter(privacy-counter) ".";
  left: -1.5rem;
  color: var(--color-accent);
  font-weight: 600;
  font-size: 0.875rem;
  top: 0;
}

/* Section variations */
.privacy-section--use .privacy-section__inner {
  border-left-color: var(--color-accent-secondary);
}

.privacy-section--security .privacy-section__inner {
  border: 1px solid var(--color-border);
  border-left: 3px solid var(--color-accent);
}

.privacy-section--rights .privacy-section__inner {
  border-left-color: var(--color-accent-secondary);
}

/* Contact card */
.privacy-section--contact {
  max-width: 600px;
}

.privacy-contact-card {
  background-color: var(--color-surface-elevated);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  padding: var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  box-shadow: var(--shadow-elevation);
}

.privacy-contact-card h2 {
  margin-block-start: 0;
  margin-block-end: 0;
}

.privacy-contact-card p {
  margin-block-end: 0;
}

.privacy-contact-details {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  max-width: 60ch;
}

.privacy-contact-details p {
  line-height: 1.6;
}

.privacy-contact-note {
  color: var(--color-text-muted);
  font-size: var(--text-small-size);
  line-height: var(--text-small-line-height);
  border-top: 1px solid var(--color-border-subtle);
  padding-top: var(--space-sm);
}

/* Updates */
.privacy-section--updates {
  max-width: 800px;
}

.privacy-updates {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  padding: var(--space-xl);
  background-color: transparent;
  border: none;
}

.privacy-updates h2 {
  margin-block-start: 0;
  margin-block-end: 0;
}

.privacy-updates p {
  margin-block-end: 0;
}

.privacy-updates__date {
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: var(--text-label-spacing);
  text-transform: uppercase;
  font-size: var(--text-small-size);
}

.privacy-updates__note {
  color: var(--color-text-muted);
  font-size: var(--text-small-size);
  line-height: var(--text-small-line-height);
}

@media (max-width: 767px) {
  .privacy-section {
    margin-bottom: var(--space-xl);
  }

  .privacy-section__inner,
  .privacy-contact-card,
  .privacy-updates {
    padding: var(--space-lg);
    gap: var(--space-sm);
  }

  .privacy-list {
    padding-inline-start: var(--space-md);
  }

  .privacy-list li::before {
    left: -1rem;
  }

  .privacy-list--ordered li::before {
    left: -1.25rem;
  }
}