/* Page-specific typography + spacing only (no global styles) */

.privacy-content p {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.35;
  color: #3E342C; /* Espresso */
}

.dark .privacy-content p {
  color: #F7F3EF; /* Ivory */
}

/* Bullet lists (Abbas, 2026-08-12) -- "- " lines in the admin textarea
   render as real <ul><li> markup (app/content_markdown.py), but nothing
   styled them: Tailwind's preflight strips default list-style/padding, so
   without this they rendered as plain stacked text with no visible bullet
   at all. Line-height kept tighter than the paragraph rule above since list
   items are short phrases, not prose -- double the paragraph's implied
   spacing would look sparse for a list. */
.privacy-content ul {
  list-style: disc;
  margin: 0 0 0.5rem 1.25rem;
  padding: 0;
}

.privacy-content ul li {
  margin-bottom: 0.2rem;
  line-height: 1.35;
  color: #3E342C; /* Espresso */
}

.privacy-content ul li:last-child {
  margin-bottom: 0;
}

.dark .privacy-content ul li {
  color: #F7F3EF; /* Ivory */
}

main .privacy-content h2 {
  margin-top: 1.5rem !important;
  margin-bottom: 0.35rem !important;
  font-family: "Albert Sans", sans-serif !important;
  font-size: 1.375rem !important;
  font-weight: 300 !important;
  letter-spacing: -0.01em !important;
  color: #3E342C !important; /* Espresso */
}

.dark main .privacy-content h2 {
  color: #F7F3EF !important; /* Ivory */
}

@media (min-width: 1024px) {
  .privacy-content h2 {
    font-size: 1.5rem;
  }
}

/* Cormorant Garamond section headers (Abbas, 2026-08-11) -- .privacy-content
   is shared across Shipping/Privacy/Terms; scoped via the extra
   .policy-serif-headers class so all three opt in identically rather than
   changing the shared base rule. h3 no longer shares this (see below,
   2026-08-12) -- subheadings moved back to the body font. */
main .policy-serif-headers h2 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 700 !important;
}

/* Subheadings (Abbas, 2026-08-12) -- kept in the body font (Albert Sans),
   just bolded, rather than the small uppercase/tracked-out treatment used
   before. Deliberately not sharing the h2 rule above (Cormorant Garamond,
   caps-adjacent), since Abbas wants these to read as emphasized body text,
   not a distinct display-style label. */
main .privacy-content h3 {
  margin-top: 1.25rem !important;
  margin-bottom: 0.35rem !important;
  font-family: "Albert Sans", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: #3E342C !important; /* Espresso, matches body text */
}

.dark main .privacy-content h3 {
  color: #F7F3EF !important; /* Ivory */
}