/* Privacy Policy Page Styles - ArtCreatorShop */

.policy-card {
  margin-top: var(--space-10);
}

.policy-card .lead {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-6);
  color: var(--color-neutral-800);
}

.policy-toc {
  background: var(--color-neutral-100);
  padding: var(--space-4) var(--space-6);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-6);
  box-shadow: var(--shadow-xs);
}
.policy-toc ol {
  margin: 0;
  padding-left: var(--space-6);
  list-style: none;
}

.policy-toc a {
  color: var(--color-primary);
  text-decoration: underline;
  font-size: var(--font-size-base);
  transition: color var(--transition-fast);
}
.policy-toc a:hover, .policy-toc a:focus-visible {
  color: var(--color-primary-hover);
  outline: none;
  text-decoration: none;
}

.policy-card section {
  margin-bottom: var(--space-8);
}
.policy-card hr {
  border: none;
  border-top: 1px solid var(--color-neutral-200);
  margin: var(--space-6) 0;
}
.policy-updated {
  color: var(--color-neutral-600);
  font-size: var(--font-size-sm);
  margin-top: var(--space-4);
}
.policy-card ul {
  list-style: disc inside;
  padding-left: var(--space-6);
}
@media (max-width: 800px) {
  .policy-card {
    padding: var(--space-4);
  }
  .policy-toc {
    padding: var(--space-4) var(--space-2);
  }
}
@media (max-width: 500px) {
  .policy-card {
    padding: var(--space-2);
    font-size: var(--font-size-sm);
  }
  .policy-toc {
    padding: var(--space-2) var(--space-1);
    font-size: var(--font-size-sm);
  }
}