/* Membership page specific styles - minimal, leveraging base.css */
.hero-membership {
  background: linear-gradient(180deg, var(--color-sand-light), var(--color-white));
}

.plan-card.recommended {
  border: 2px solid var(--color-sage);
}

/* Pricing toggle */
.pricing-toggle {
  display: inline-flex;
  gap: var(--space-2);
  padding: var(--space-2);
  background: var(--color-gray-100);
  border-radius: var(--radius-full);
}
.pricing-toggle .btn {
  min-width: 90px;
}
.pricing-toggle .is-active {
  background: var(--color-sage);
  color: var(--color-white);
  border-color: var(--color-sage);
}

.price-value {
  font-family: var(--font-primary);
  font-size: var(--text-2xl);
}

/* FAQ details */
details.card summary {
  cursor: pointer;
  list-style: none;
}
details.card[open] {
  box-shadow: var(--shadow-md);
}

/* Responsive refinements */
@media (max-width: 768px) {
  .pricing-toggle {
    width: 100%;
    justify-content: center;
  }
}