/* Sticky footer styles
-------------------------------------------------- */
html {
  min-height: 100%;
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #fffdf8;
}

main {
  flex: 1 0 auto;
}

.container {
  max-width: 960px;
}

.pricing-header {
  max-width: 700px;
}

.footer {
  flex-shrink: 0;
  background-color: #f5f5f5;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}

.footer-links a {
  color: #5c2f16;
}

.policy-page {
  max-width: 760px;
}

.policy-page h2 {
  font-size: 1.35rem;
  margin-top: 2rem;
}

.plan-card {
  border-top: 4px solid #7b3f1d;
}

.bg-jsk {
  background-color: #4b2718;
}

.hero-card {
  background: linear-gradient(135deg, #fff3cf, #f4d58d);
  color: #442214;
}

.hero-card .lead {
  max-width: 650px;
}

.btn-jsk {
  color: #fff;
  background-color: #7b3f1d;
  border-color: #7b3f1d;
}

.btn-jsk:hover {
  color: #fff;
  background-color: #5c2f16;
  border-color: #5c2f16;
}