.legal-content {
            line-height: 1.8;
            color: var(--text-main);
            text-align: left;
        }
        .legal-content h3 {
            margin-top: 2rem;
            color: var(--primary);
            border-bottom: 2px solid var(--gray-200);
            padding-bottom: 0.5rem;
        }
        .legal-content ul {
            padding-left: 1.5rem;
            margin-bottom: 1.5rem;
        }
        .legal-badge {
            display: inline-block;
            background: var(--primary-50);
            color: var(--primary-800);
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 700;
            margin-bottom: 1rem;
        }

        [data-theme="dark"] .legal-badge {
            background: rgba(13, 148, 136, 0.15);
            color: var(--primary-200);
        }