/*
Theme Name: Michael Kunke Foundation
Description: Custom theme for the Michael Kunke Foundation, built with Tailwind CSS.
Version: 1.0
Author: Michael Kunke Foundation
*/

.kente { height: 18px; background-color: #083E66; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='18'%3E%3Crect width='72' height='18' fill='%23083E66'/%3E%3Crect width='18' height='18' fill='%23E98A2F'/%3E%3Cpath d='M18 0h18v18H18z' fill='%230676B6'/%3E%3Cpath d='M18 18L27 0l9 18z' fill='%23fff'/%3E%3Cpath d='M36 4h18v3H36zM36 11h18v3H36z' fill='%23E98A2F'/%3E%3Cpath d='M54 0h18v18H54z' fill='%230676B6'/%3E%3Cpath d='M54 0l9 18 9-18z' fill='%23E98A2F'/%3E%3C/svg%3E"); background-size: 72px 18px; }
:focus-visible { outline: 3px solid #E98A2F; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }
.custom-logo { height: 48px !important; width: auto !important; max-width: none !important; }
.cta-list ul { list-style: none; padding-left: 0; }
.cta-list li::before { content: "✓"; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex-shrink: 0; background: #0A2036; color: #fff; border-radius: 9999px; font-size: 13px; font-weight: 700; }
.project-article { counter-reset: mkf-section; }
.project-narrative h2 {
  counter-increment: mkf-section;
  display: flex; align-items: center; gap: .75rem;
  font-family: 'Bitter', Georgia, serif; font-weight: 800; font-size: 1.5rem; color: #0A2036;
  margin-top: 2.5rem; margin-bottom: .75rem;
}
.project-narrative h2::before {
  content: counter(mkf-section, decimal-leading-zero);
  width: 2rem; height: 2rem; border-radius: 9999px; background: #EAF2F9; color: #0676B6;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: 'Source Sans 3', sans-serif; font-weight: 700; font-size: .875rem; flex-shrink: 0;
}
.project-narrative p { color: #334155; line-height: 1.75; margin-bottom: 1rem; }
.project-narrative ul { list-style: none; padding-left: 0; display: grid; gap: .75rem; margin: 1rem 0; }
.project-narrative li { display: flex; align-items: flex-start; gap: .75rem; }
.project-narrative li::before {
  content: "✓"; flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-top: .125rem;
  background: #E98A2F; color: #fff; border-radius: 9999px; font-size: .7rem; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center;
}
.story-article h2 { font-family: 'Bitter', Georgia, serif; font-weight: 700; font-size: 1.5rem; color: #0A2036; padding-top: 1rem; margin-bottom: .5rem; }
.story-article p { margin-bottom: 1.25rem; }
.story-article ul { list-style: none; padding-left: 0; display: grid; gap: .75rem; margin: 1rem 0 1.5rem; }
.story-article li { display: flex; align-items: flex-start; gap: .75rem; }
.story-article li::before {
  content: "\2713"; flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-top: .125rem;
  background: #E98A2F; color: #fff; font-size: .7rem; font-weight: 700;
  border-radius: 9999px; display: inline-flex; align-items: center; justify-content: center;
}
.story-article blockquote, .project-narrative blockquote {
  margin: 2rem 0; padding: 1.5rem 2rem; border-radius: 1rem; background: #EAF2F9; border-left: 4px solid #0676B6;
  color: #0A2036; font-style: italic; font-family: 'Bitter', Georgia, serif; font-size: 1.125rem; line-height: 1.75;
}
.story-article blockquote cite, .story-article blockquote footer,
.project-narrative blockquote cite, .project-narrative blockquote footer {
  display: block; margin-top: .75rem; font-size: .875rem; font-family: 'Source Sans 3', sans-serif; font-weight: 700;
  font-style: normal; color: #9A4F06;
}
.project-narrative blockquote p { margin-bottom: 0; color: inherit; }
.story-article img { border-radius: 1rem; }

/* Plain-content pages (Privacy Policy, Terms, etc.) — neutral prose, no narrative-style bullets. */
.page-prose h1 { font-family: 'Bitter', Georgia, serif; font-weight: 800; font-size: 1.875rem; color: #0A2036; margin-bottom: 1rem; }
.page-prose h2 { font-family: 'Bitter', Georgia, serif; font-weight: 700; font-size: 1.375rem; color: #0A2036; margin-top: 2.25rem; margin-bottom: .75rem; }
.page-prose h2:first-child { margin-top: 0; }
.page-prose h3 { font-family: 'Bitter', Georgia, serif; font-weight: 700; font-size: 1.125rem; color: #0A2036; margin-top: 1.5rem; margin-bottom: .5rem; }
.page-prose p { color: #334155; line-height: 1.75; margin-bottom: 1.25rem; }
.page-prose ul, .page-prose ol { color: #334155; line-height: 1.75; margin: 0 0 1.25rem; padding-left: 1.5rem; }
.page-prose ul { list-style: disc; }
.page-prose ol { list-style: decimal; }
.page-prose li { margin-bottom: .5rem; }
.page-prose li > ul, .page-prose li > ol { margin-top: .5rem; margin-bottom: 0; }
.page-prose a { color: #0676B6; text-decoration: underline; text-underline-offset: 2px; }
.page-prose a:hover { color: #083E66; }
.page-prose strong { color: #0A2036; font-weight: 700; }
.page-prose > *:last-child { margin-bottom: 0; }