/* Page-specific styles: Terms & Conditions */

/* Hero */
.hero { padding-block: var(--space-12) var(--space-10); }
.hero-inner { background: linear-gradient(135deg, var(--color-primary-50), #fff 50%, var(--warning-50)); border: 1px solid var(--gray-200); border-radius: var(--radius-xl); padding: var(--space-10); box-shadow: var(--shadow-sm); }
.hero h1 { margin-bottom: var(--space-5); }
.lead { font-size: clamp(1rem, 0.4vw + 1rem, 1.125rem); color: var(--gray-700); }
.meta-updated { color: var(--gray-600); font-size: var(--text-sm); }

/* TOC */
.toc { margin-top: var(--space-8); margin-bottom: var(--space-6); }
.toc-list { display: flex; flex-wrap: wrap; gap: var(--space-4); padding: var(--space-6); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow-xs); }
.toc-list a { text-decoration: none; color: var(--gray-800); font-weight: 600; padding: var(--space-3) var(--space-5); border-radius: var(--radius-pill); border: 1px solid var(--gray-200); background: var(--gray-50); }
.toc-list a:hover { color: var(--color-primary); border-color: var(--color-primary-300); background: var(--color-primary-50); }

/* Sections */
.legal-section { padding-block: var(--space-9); border-top: 1px solid var(--gray-200); }
.legal-section:first-of-type { border-top: 0; }
.legal-section h2 { scroll-margin-top: 88px; }
.legal-section h3 { margin-top: var(--space-8); }
.legal-section ul { padding-left: 1.25rem; }
.legal-section li { margin-bottom: var(--space-3); }

/* Accept card */
.accept-card { margin-top: var(--space-6); }
.form-row { display: grid; grid-template-columns: 24px 1fr; align-items: start; gap: var(--space-4); }
#accept-checkbox { inline-size: 20px; block-size: 20px; margin-top: 4px; }
.help-text { color: var(--gray-600); font-size: var(--text-sm); margin-top: var(--space-4); }
.actions { display: flex; gap: var(--space-4); margin-top: var(--space-6); flex-wrap: wrap; }
.status { margin-top: var(--space-4); font-weight: 600; color: var(--success-700); }