@import "./variables.css";

/* ==============================================================
   Privacy Policy Page
   ============================================================== */

.p-privacy-policy {
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
  margin: 0 auto;
  margin-top: 40px;
}

.p-privacy-policy__intro {
  color: var(--genki-brown);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  text-align: center;
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.p-privacy-policy__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  width: 100%;
}

.p-privacy-policy__section {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.p-privacy-policy__section-title {
  color: var(--genki-brown);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: 16px;
}

.p-privacy-policy__section-text {
  color: var(--genki-brown);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-normal);
  margin: 0;
  line-height: var(--line-height-relaxed);
}


@media (max-width: 767px) {
  .p-privacy-policy {
    gap: 40px;
  }
  .p-privacy-policy__intro {
    text-align: left;
    font-size: var(--font-size-xs);
  }
  .p-privacy-policy__section-title {
    font-size: var(--font-size-h3);
  }
  .p-privacy-policy__section-text {
    font-size: var(--font-size-xs);
  }
}