/* rules page */
.legal-section { padding: var(--space-2xl) 0 var(--space-3xl); }
.legal-header { text-align: center; margin-bottom: var(--space-2xl); }
.legal-header h1 { font-family: var(--font-mono); font-size: 2rem; font-weight: 700; color: var(--text-primary); }
.legal-date { color: var(--text-muted); margin-top: var(--space-sm); font-size: 0.85rem; }
.legal-card { background: var(--bg-card); border: 1px solid var(--border-secondary); border-radius: var(--radius-lg); padding: var(--space-2xl); }
.legal-card h2 { font-family: var(--font-mono); font-size: 1.15rem; color: var(--terminal-green); margin: var(--space-xl) 0 var(--space-sm); }
.legal-card h2:first-child { margin-top: 0; }
.legal-card p { color: var(--text-secondary); line-height: 1.7; margin-bottom: var(--space-md); }
.legal-card ul { padding-left: var(--space-xl); margin-bottom: var(--space-md); }
.legal-card li { color: var(--text-secondary); line-height: 1.7; margin-bottom: 4px; }
.legal-card strong { color: var(--text-primary); }
.status-badge { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: var(--radius-sm); font-family: var(--font-mono); font-size: 0.75rem; font-weight: 600; margin-top: var(--space-sm); }
.status-active { background: rgba(0, 255, 65, 0.15); color: var(--terminal-green); }
.status-inactive { background: rgba(255, 107, 53, 0.15); color: var(--orange); }