/* terms.css — page-specific styles moved out of terms.html (was an inline <style> block) */

.terms-wrap {
  max-width: 780px;
  margin: 0 auto;
  padding: 40px 24px 80px;
}
.terms-card {
  background: #fff;
  border-radius: 18px;
  padding: 40px 44px;
  box-shadow: 0 12px 48px rgba(26,107,90,0.10);
}
.terms-card h1 {
  font-family: 'Fraunces', serif;
  font-size: 2rem;
  font-weight: 900;
  color: var(--text-dark);
  margin-bottom: 6px;
}
.terms-updated { color: var(--text-mid); font-size: 0.85rem; margin-bottom: 28px; }
.terms-body h3 {
  font-family: 'Fraunces', serif;
  font-size: 1.15rem;
  color: var(--teal-dark);
  margin: 24px 0 8px;
}
.terms-body p, .terms-body li { font-size: 0.92rem; color: var(--text-mid); line-height: 1.65; }
.terms-body ul { margin: 8px 0 8px 22px; }
.terms-body li { margin-bottom: 6px; }
.terms-body strong { color: var(--text-dark); }
.terms-back {
  display: inline-block;
  margin-top: 28px;
  color: var(--orange);
  font-weight: 700;
  text-decoration: none;
}
.terms-back:hover { text-decoration: underline; }
@media (max-width: 600px) {
  .terms-card { padding: 26px 18px; }
  .terms-card h1 { font-size: 1.6rem; }
}