/* Page-owned styles for /privacy/ */
.privacy-page {
  padding-block: var(--space-8);
}

.privacy-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.privacy-section + .privacy-section {
  margin-block-start: var(--space-8);
}

.privacy-intro__container,
.privacy-collect__container,
.privacy-use__container,
.privacy-cookies__container,
.privacy-sharing__container,
.privacy-security__container,
.privacy-rights__container,
.privacy-children__container,
.privacy-changes__container,
.privacy-contact__container {
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
  padding-inline: var(--space-4);
}

.privacy-intro__eyebrow {
  display: inline-block;
  margin-block-end: var(--space-3);
}

.privacy-intro__title {
  margin-block-end: var(--space-4);
}

.privacy-intro__lead {
  max-width: 65ch;
}

.privacy-intro__panel {
  margin-block-start: var(--space-5);
  padding: var(--space-5);
}

.privacy-intro__list {
  margin-block-end: 0;
}

.privacy-intro__date {
  margin-block-start: var(--space-5);
  margin-block-end: var(--space-2);
}

.privacy-intro__badge {
  transform: skew(-5deg);
}

.privacy-intro__date-note {
  max-width: 65ch;
  margin-block-start: 0;
}

.privacy-section__title {
  margin-block-end: var(--space-5);
  text-align: left;
  width: 100%;
}

.privacy-collect__panel,
.privacy-cookies__panel,
.privacy-security__panel,
.privacy-contact__panel {
  padding: var(--space-5);
  margin-block-end: var(--space-5);
}

.privacy-collect__subpanel {
  border-inline-start: 2px solid var(--color-border-subtle);
  padding-inline-start: var(--space-4);
  margin-block-start: var(--space-5);
}

.privacy-collect__subtitle,
.privacy-use__subtitle,
.privacy-cookies__subtitle,
.privacy-sharing__subtitle,
.privacy-security__subtitle,
.privacy-rights__subtitle,
.privacy-children__subtitle,
.privacy-changes__subtitle,
.privacy-contact__subtitle {
  margin-block-end: var(--space-3);
}

.privacy-collect__text,
.privacy-use__text,
.privacy-cookies__text,
.privacy-sharing__text,
.privacy-security__text,
.privacy-rights__text,
.privacy-children__text,
.privacy-changes__text,
.privacy-contact__text {
  max-width: 65ch;
}

.privacy-collect__list,
.privacy-cookies__list,
.privacy-sharing__list,
.privacy-security__list,
.privacy-rights__list,
.privacy-children__list,
.privacy-changes__list {
  max-width: 70ch;
  margin-block-end: 0;
}

.privacy-use__unit,
.privacy-sharing__unit,
.privacy-rights__unit,
.privacy-children__unit,
.privacy-changes__unit {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-block-end: var(--space-6);
}

.privacy-use__unit:last-child,
.privacy-sharing__unit:last-child,
.privacy-rights__unit:last-child,
.privacy-children__unit:last-child,
.privacy-changes__unit:last-child {
  margin-block-end: 0;
}

.privacy-use__list,
.privacy-sharing__list,
.privacy-rights__list,
.privacy-children__list,
.privacy-changes__list {
  margin-block-end: 0;
}

.privacy-use__note {
  color: var(--color-toxic-lime);
  max-width: 65ch;
}

.privacy-use__contact {
  max-width: 65ch;
}

.privacy-cookies__link-block {
  margin-block-start: var(--space-5);
}

.privacy-cookies__link-block a {
  color: var(--color-neon-fuchsia);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--motion-duration-base) var(--motion-ease), box-shadow var(--motion-duration-base) var(--motion-ease);
}

.privacy-cookies__link-block a:hover {
  color: var(--color-toxic-lime);
  box-shadow: 0 0 0 2px rgba(255, 0, 255, 0.2);
}

.privacy-accent {
  color: var(--color-toxic-lime);
}

.privacy-children__badge {
  margin-block-end: var(--space-4);
}

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

.privacy-contact__list li {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: baseline;
  min-width: 0;
}

.privacy-contact__label {
  color: var(--color-toxic-lime);
  font-weight: 700;
  min-width: 90px;
}

.privacy-contact__list a {
  color: var(--color-neon-fuchsia);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--motion-duration-base) var(--motion-ease), box-shadow var(--motion-duration-base) var(--motion-ease);
}

.privacy-contact__list a:hover {
  color: var(--color-toxic-lime);
  box-shadow: 0 0 0 2px rgba(255, 0, 255, 0.2);
}

.privacy-rights__list a,
.privacy-collect__list a {
  color: var(--color-neon-fuchsia);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--motion-duration-base) var(--motion-ease), box-shadow var(--motion-duration-base) var(--motion-ease);
}

.privacy-rights__list a:hover,
.privacy-collect__list a:hover {
  color: var(--color-toxic-lime);
  box-shadow: 0 0 0 2px rgba(255, 0, 255, 0.2);
}

@media (max-width: 768px) {
  .privacy-page {
    padding-block: var(--space-7);
  }

  .privacy-section + .privacy-section {
    margin-block-start: var(--space-7);
  }

  .privacy-intro__container,
  .privacy-collect__container,
  .privacy-use__container,
  .privacy-cookies__container,
  .privacy-sharing__container,
  .privacy-security__container,
  .privacy-rights__container,
  .privacy-children__container,
  .privacy-changes__container,
  .privacy-contact__container {
    padding-inline: var(--space-3);
  }

  .privacy-intro__panel,
  .privacy-collect__panel,
  .privacy-cookies__panel,
  .privacy-security__panel,
  .privacy-contact__panel {
    padding: var(--space-4);
  }

  .privacy-collect__subpanel {
    padding-inline-start: var(--space-3);
  }

  .privacy-contact__list li {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-1);
  }

  .privacy-contact__label {
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .privacy-cookies__link-block a,
  .privacy-contact__list a,
  .privacy-rights__list a,
  .privacy-collect__list a {
    transition: none;
  }
}