/* Terms & Conditions page-specific styles. Keep minimal and complementary to base.css */
:root { color-scheme: light dark; }

.page-header { margin-block: 2rem 1rem; }
.page-header .lead { max-width: 72ch; color: var(--text-muted, #5a5a5a); }

.legal-section { margin-block: 1.5rem 2rem; }
.legal-section h2 { font-size: clamp(1.15rem, 1.1rem + 0.5vw, 1.5rem); margin-bottom: 0.5rem; }
.legal-section p { max-width: 80ch; }
.legal-section ul { padding-left: 1.2rem; max-width: 78ch; }
.legal-section li { margin-block: 0.35rem; }

.legal-cta { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-block: 2rem 3rem; }
.btn { appearance: none; border: 0; padding: 0.7rem 1rem; border-radius: 6px; background: var(--accent, #3b7f3b); color: #fff; text-decoration: none; font-weight: 600; }
.btn:hover { filter: brightness(1.05); }
.btn-secondary { background: var(--accent-2, #6b8e23); color: #fff; }
.btn-outline { background: transparent; color: var(--accent, #3b7f3b); border: 2px solid currentColor; }

@media (max-width: 640px) {
  .legal-section ul { padding-left: 1rem; }
}

.legal-figure {
  margin: 1rem 0;
  max-width: 100%;
}

.legal-figure img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}