/* Shared styles for Help, Privacy Policy, Terms of Service */

/* Same background as landing page - explicit for consistency in all view modes */
body.content-page {
  background: #f5e6d3 url('/images/background.jpg') center top / cover no-repeat;
  background-attachment: scroll;
}

.content-page main {
  max-width: 800px;
  margin: 0 auto;
  padding: 4rem 2rem 6rem;
  min-height: 60vh;
}

/* Content pages use site-header from main.css; ensure padding for content below header */
.content-page .site-header {
  position: relative;
  padding: 1rem 2rem;
}

.content-page .content-section {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  padding: 2.5rem 3rem;
  margin-bottom: 2rem;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(197, 154, 83, 0.4);
}

.content-page h1 {
  font-family: 'Sniglet', cursive;
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  margin-bottom: 1.25rem;
  color: #2e1005;
}

.content-page h2 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  margin: 2.5rem 0 1rem;
  color: #2e1005;
  font-weight: 700;
}

.content-page h3 {
  font-size: clamp(1.2rem, 2.2vw, 1.5rem);
  margin: 1.5rem 0 0.75rem;
  color: #2e1005;
  font-weight: 700;
}

.content-page p,
.content-page li {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  margin-bottom: 0.75rem;
  color: #2e1005;
  line-height: 1.7;
}

.content-page ul {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

/* Exclude nav from content styles - keep dropdown menu identical to home page (no extra rows) */
.content-page .site-nav__list {
  margin-left: 0;
  margin-bottom: 0;
}

.content-page .site-nav__list li {
  margin-bottom: 0;
  line-height: 1.3;
}

.content-page .site-nav__list a {
  font-size: 1.2rem;
}

.content-page .faq-item {
  margin-bottom: 1.75rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(197, 154, 83, 0.4);
}

.content-page .faq-item:last-child { border-bottom: none; }

.content-page .faq-question {
  font-size: clamp(1.15rem, 2.2vw, 1.4rem);
  font-weight: 700;
  color: #2e1005;
  margin-bottom: 0.5rem;
}

.content-page .faq-answer {
  font-size: clamp(1.05rem, 1.9vw, 1.25rem);
  color: #2e1005;
  line-height: 1.75;
}

.content-page .back-link {
  display: inline-block;
  margin-bottom: 2rem;
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  color: #2e1005;
  opacity: 0.85;
  transition: opacity 0.2s;
}

.content-page .back-link:hover { opacity: 1; }

.content-page .footer {
  position: relative;
  bottom: auto;
  padding: 2rem 1.5rem;
}

.content-page a {
  color: #2e1005;
}

.content-page a:hover { opacity: 0.9; }

@media (max-width: 768px) {
  .content-page main { padding: 3rem 1rem 5rem; }
  .content-page .content-section { padding: 2rem; }
}

@media (max-width: 1024px) {
  .content-page .site-header { padding: 1rem; }
}